Study/JavaScript (36) 썸네일형 리스트형 JavaScript [switch문] 복수의 if 조건문은 switch 문으로 바꿀 수 있습니다. switch 문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해줍니다. 코드 자체가 비교 상황을 잘 설명한다는 장점도 있습니다. 문법 switch 문은 하나 이상의 case 문으로 구성됩니다. 대개 default 문도 있지만, 이는 필수는 아닙니다. switch(x) { case 'value1': // if (x === 'value1') .... [break] case 'value2': // if (x === 'value2') ... [break] default: ... [break] } 변수 x의 값과 첫 번째 case 문의 값 'value'1'를 일치 비교한 후, 두 번째 case문의 값 'value2'와 비교합니다. 이런.. JavaScript [null 병합 연산자 '??'] ⚠ 이 문법은 추가한 지 얼마 안 된 문법입니다. 구식 브라우저에서 에러가 있을 수 있습니다. null 병합 연산자 ?? 를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 확정되어있는 변수를 찾을 수 있습니다. a ?? b 의 평가 결과는 다음과 같습니다. a 가 null 도 아니고 undefined도 아니면 a 그 외의 경우는 b null 병합 연산자 ?? 없이 x = a ?? b 와 동일한 동작을 하는 코드를 작성하려면 다음과 같습니다. x = (a !== null && a !== undefined) ? a : b; 비교, 논리 연산자로 null 병합 연산자를 표현하니 코드가 길어지는 것을 볼 수 있습니다. 예시를 보겠습니다. 변수에 이름이나 별명을 저장하는데, 사용자가 아무런 정보도 입력하지 않.. JavaScript [논리 연산자] 논리 연산자 자바스크립트에는 세 종류의 논리 연산자 || , && , ! 이 있습니다. 이 연산자들은 각각 or, and, not 을 의미합니다. || ||(OR) 연산자는 or이라는 의미를 가지고 있습니다. let OR = a || b ; OR 연산자는 불린값을 반환받습니다. 인수 중 하나라도 true이며 true를 반환하고 그렇지 않으면 false를 반환합니다. 다음은 여러 조합을 통해 or 연산자가 무엇을 반환하는지 알아보겠습니다. alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // false 피연산자가 모두 false인 경우를 제외.. JavaScript [if, '?'를 사용한 조건 처리] 조건에 따라 다른 행동을 취할 때가 있습니다. 그럴 때, if문과 조건부 연산자 ?를 사용합니다. 'if'문 if(...)문은 괄호 안에 들어가는 조건을 평가하는데 그 결과가 true이면 코드 블록이 실행됩니다. let year = prompt('1 + 1 의 값은 얼마일까요?', ''); if (year == 2) alert( '정답!' ); 조건문은 이보다 더 복잡할 수 있습니다. 조건이 true일 때 복수의 문을 실행하고 싶다면 중괄호로 코드를 감싸줘야 합니다. if (year == 2) { alert( "정답!" ); alert( "다음 문제도 풀어볼까요?" ); } 조건이 참일 경우 실행되는 코드가 한 줄이더라도 중괄호{}를 사용해 감싸주는 것을 권유합니다. 이렇게 하면 코드의 가독성이 높아지기.. JavaScript [비교 연산자] 비교 연산자 자바스크립트에서 다음과 같이 나타내 비교할 수 있습니다. 보다 큼, 작음 : a > b , a = b , a 1 ); // true alert( 2 == 1 ); // false alert( 2 != 1 ); // true 반환된 불린값은 변수에 할당할 수 있습니다. let result = 5 > 4; // 비교 결과를 변수에 할당 alert( result ); // true 문자열 비교 자바스크립트는 '사전'순으로 문자열을 비교합니다. 이 기준을 적용하면 사전 뒤쪽의 문자열은 사전 앞쪽의 문자열보다 크다고 판단합니다. 단어를 비교할 때도 단어를 구성하는 문자 하나하나를 비교합니다. alert( 'Z' > 'A' ); // true alert( 'G.. JavaScript[기본 연산자와 수학] 이번 시간에는 기존의 사칙연산과 자바스크립터에서만 제공하는 연산자에 대해 알아보겠습니다. 용어: '단항', '이항', '피연산자', 연산자 먼저 용어 몇 가지에 대해 정리해보겠습니다. 피연산자는 연산자가 연산을 수행하는 대상입니다. 5 * 2 이면 피연산자는 5, 2 총 두 개의 피연산자가 있습니다. 피연산자는 인수라고 불리기도 합니다. 피연산자를 하나만 받는 연산자를 단항 연산자라고 합니다. let x = 1; 에서 1은 단항 연산자입니다. 두 개의 피연산자를 받는 연산자는 이항 연산자라고 부릅니다. let x = 1, y = 3; alert(y-x); // 2 -는 이항 연산자이다. 수학 자바스크립트에서 지원하는 수학 연산자는 다음과 같습니다. 덧셈 연산자 + 뺄셈 연산자 - 곱셈 연산자 * 나눗셈 .. JavaScript [형 변환] 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이러한 과정을 '형 변환'이라고 합니다. aleret가 전달받은 값의 자료형과 관계없이 이를 문자열로 자동 변환하는 것이나 수학 연산자가 전달받은 값을 숫자로 변환하는 경우가 대표적입니다. 이번 시간에는 형 변환에 대해 알아보겠습니다. ❗ 객체의 형변환은 객체를 배운 후 다루도록 하겠습니다 문자형으로 변환 문자형으로의 형 변환은 문자형의 값이 필요할 때 일어납니다. alert는 매개변수로 문자형을 받기 때문에 alert(value)에서 value는 문자형이어야 합니다. 만약 다른 형의 값을 받으면 문자형으로 자동 변환합니다. String(value)함수를 호출해 전달받은 값을 문자열로 변환 할 수 있습니다. let value = t.. JavaScript [alert, prompt, confirm] 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능인 alert, prompt, confirm에 대해 알아보도록 하겠습니다. alert alert 함수는 실행되면 사용자가 '확인'버튼을 누를 때까지 메세지를 보여주는 창이 계속 떠있게 됩니다. prompt 브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받습니다. result = prompt(title, [default]); 함수가 실행되면 텍스트 메시지와 입력 필드, 확인, 취소 버튼이 있는 창이 띄워집니다. title: 사용자에게 보여줄 문자열 default: 입력 필드의 초깃값 사용자는 프롬프트 대화상자의 입력 필드에 원하는 값을 입력하고 확인을 누를 수 있습니다. 값을 입력하는 것을 원치 않는다며녀 esc, 취소 버튼을 눌러 빠져나.. 이전 1 2 3 4 5 다음
