분류 전체보기 (40) 썸네일형 리스트형 [JavaScript] 반복문의 출력값 예상하기 - while 반복문의 마지막 값 : 아래 두 예시는 같은 값을 출력할까? // 전위형 증가 연산자를 사용한 경우(++i): let i = 0; while (++i < 5) alert( i ); // 후위형 증가 연산자를 사용한 경우(i++): let i = 0; while (i++ < 5) alert( i ); 해답 : 더보기 더보기 전위형 증가 연산자를 사용한 경우엔 1부터 4까지 출력됩니다.++i는 i를 먼저 증가시키고 새로운 값을 반환하기 때문에 첫 번째 while 반복문에선 1과 5를 비교(1 < 5)하고, 얼럿 창엔 1이 출력됩니다.i = 4 이후에 i의 값이 5로 증가하면 while(5 < 5)안의 비교가 실패하기 때문에 반복문은 멈춥니다. 따라서 5는 출력되지 않습니다. 1에 이어서 2, .. [JaveScript] nullish 병합 연산자 '??' * 최근에 추가된 문법 * 병합 연산자 '??'를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 '확정 되어있는'변수를 찾을 수 있다. 예를 들어 a ?? b의 평과 결과 a가 null도 아니고 undefined도 아니면 a 그 외의 경우는 b x = a ?? b // 위 코드와 같은 코드 x = (a !== null && a !== undefined) ? a : b; 이런 식으로 변수가 여러 개 있을 경우 값이 정해진 변수를 간편하게 찾아낼 수 있다. let firstName = null; let lastName = null; let nickName = "바이올렛"; // null이나 undefined가 아닌 첫 번째 피연산자 alert(firstName ?? lastName ?? nickName .. [JavaScript] 논리 연산자 - OR연산자 || : OR연산자는 인수중 하나라도 true이면 true를 반환한다. alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // false OR연산자의 활용 let hour = 9; if (hour 18) { alert( '영업시간이 아닙니다.' ); } // if문 안에 조건넣기도 가능 let hour = 12; let isWeekend = true; if (hour 18 || isWeekend) { alert( '영업시간이 아닙니다.' ); // 주말이기 때문임 } - OR.. [JavaScript] 조건부 연산자 '?' '물음표 연산자'라고 불리는 '조건부 연산자'를 활용하면 조건문을 짧은 문법으로 쓸 수 있다. let accessAllowed; let age = prompt('나이를 입력해 주세요.', ''); if (age > 18) { accessAllowed = true; } else { accessAllowed = false; } // 위 코드를 아래 코드로 변경 가능 let accessAllowed = (age > 18) ? true : false; // age > 18 자체가 true false 반환이 가능하기 때문에 아래 코드로 변경 가능 let accessAllowed = age > 18; 문법 : 평가대상인 condition이 참이면 value1 아니면 value2 반환 let result = cond.. [JavaScript] 연산자 - 단항 연산자 +와 숫자형으로의 변환 : 덧셈 연산자 +는 피연산자가 숫자가 아닌 경우에 숫자형으로 변환이 일어난다. // 숫자에는 아무런 영향을 미치지 않습니다. let x = 1; alert( +x ); // 1 let y = -2; alert( +y ); // -2 // 숫자형이 아닌 피연산자는 숫자형으로 변화합니다. alert( +true ); // 1 alert( +"" ); // 0 단항 덧셈 연산자는 짧은 문법으로 Number(...)와 동일한 일을 할 수 있게 해준다. let apples = "2"; let oranges = "3"; alert( apples + oranges ); // 23, 이항 덧셈 연산자는 문자열을 연결합니다. let apples = "2"; let oranges .. [JavaScript] 형변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환되는데, 이 과정을 "형변환" 이라고 한다. - 숫자형으로 변환 Number(value) 함수를 사용하면 주어진 값(value)을 숫자형으로 명시해서 변환할 수 있다. let str = "123"; alert(typeof str); // string let num = Number(str); // 문자열 "123"이 숫자 123으로 변환됩니다. alert(typeof num); // number // 숫자이외 글자가 들어간 문자열을 숫자형으로 변환하면 결과는 NaN이 나온다. let age = Number("임의의 문자열 123"); alert(age); // NaN, 형 변환이 실패합니다. 숫자형으로 변환 시 적용되는 규칙 alert( Nu.. [JavaScript] 사용자와 상호작용할 수 있는 함수 / alert, prompt, confirm 사용자와 상호작용 할 수 있는 세 가지 함수 1. alert 메시지를 보여준다. alert("넣고 싶은 말"); 2. prompt result = prompt(title, [default]); 사용자에게 텍스트를 입력하라는 메시지를 띄워주고 입력 필드를 제공한다. 확인을 누르면 사용자가 입력한 문자열을 반환한다. title에는 사용자에게 보여줄 문자열 default에는 입력 필드의 초깃값 인데 작성하지 않아도 된다. IE에선 지원하지 않음. 3. confirm result = confirm(question); 확인 및 취소 버튼이 있는 모달 창을 보여준다. 사용자가 확인을 누르면 true, 그 외 경우는 flase를 반환한다. [JavaScript] typeof 연산자 typeof 연산자는 인수의 자료형을 반환한다. 변수의 자료형을 알아내고자 할 때 유용하다. type 연산자는 두 가지 형태의 문법을 지원한다. 1. 연산자 : typeof x 2. 함수 : typeof(x) 괄호가 있든 없든 결과가 동일하다. typeof x를 호출하면 인수의 자료형을 나타내는 문자열을 반환한다. typeof undefined // "undefined" typeof 0 // "number" typeof 10n // "bigint" typeof true // "boolean" typeof "foo" // "string" typeof Symbol("id") // "symbol" typeof Math // "object" (1) typeof null // "object" (2) typeof .. 이전 1 2 3 4 5 다음
