어제 오늘 내일

동등 연산자('==', '===') 비교 Javascript에서 문자열의 비교를 위해서는 동등연산자('==' 또는 '===')를 사용합니다. 동등 연사자를 사용하여 두 개의 문자열을 비교해서 두 문자열이 같으면 'true'를 리턴하고, 다르면 'false'를 리턴합니다. See the Pen 문자열 by anna (@hianna) on CodePen. '==' 연산자와 '==='의 차이는 다음 링크를 참조하세요. [Javascript] '==' 연산자와 '===' 연산자의 차이점 [Javascript] '=='와 '==='의 차이 (null, undefined) 비교 연산자('') 비교하기 ( 대소비교) '' 연산자를 사용하여 문자열의 순서를 비교할 수도 있습니다. '' 연산자는 문자열을 '사전 순서' ..

지난번에는 '==' 연산자와 '===' 연산자의 기본적인 차이점에 대해서 알아보았습니다. [Javascript] '==' 연산자와 '===' 연산자의 차이점 이번에는 '=='와 '===' 연산자를 이용해서 null, undefined 값을 체크했을 경우 어떤 결과가 나오는지 알아보겠습니다. '=='연산자와 '==='를 이용한 unll, undefined 비교 See the Pen 문자열 by anna (@hianna) on CodePen. 따라서, 위의 예제를 보면 '==' 연산자를 이용하여 두 값(null과 undefined)을 비교하면 true를 리턴합니다. 그러나, '===' 연산자를 이용하여 두 값을 비교하면 타입이 다르기 때문에 false를 리턴합니다. '==' 연산자를 이용한 null, und..

'=='와 '==='의 차이 '=='는 비교하는 두 개의 값(피연산자)을 강제로 같은 형으로 변환한 후, 비교를 수행합니다. 즉, 두 값의 타입이 다르더라도, 형 변환된 값이 같다면 true를 리턴합니다. '==='는 비교하는 두 개의 값(피연산자)의 타입과 값이 모두 같을 경우에만, true를 리턴합니다. See the Pen 문자열 by anna (@hianna) on CodePen. 위 첫번째 예제에서 숫자 1과 문자열 '1'을 비교하였습니다. '==' 연산자를 사용하여 비교하면, 두 피연산자의 타입이 달라도 true를 리턴하는 것을 확인할 수 있습니다. 그렇지만, '===' 연산자를 사용하여 비교하면, 둘 다 1이지만, 타입이 다르기 때문에 false를 리턴합니다. 두 번째 예제에서는 boolea..

이번에 알아볼 반복문은 for...of 입니다. for...of 는 ES6에 추가된 문법입니다. 이 반복문은 배열 또는 map객체 등 iterable 객체의 값들을 순회할 수 있습니다. for...of for(variable of object){ statement } object 는 iterable 객체입니다. (배열 또는 Map, Set, String 등) variable은 iterable 객체에서 하나씩 뽑아온 값입니다. for...of를 사용하면 배열의 인덱스는 알 수 없습니다. 인덱스를 알아야 한다면 다른 for 반복문을 사용해야 합니다. [Javascript] 반복문(1) - for 예제 1. 배열 See the Pen 반복문 by anna (@hianna) on CodePen. 예제 2. 문자..

Javascript 객체의 모든 key와 value를 가져오는 방법을 알아보도록 하겠습니다. 객체의 모든 프로퍼티를 순회하기 위해서는 for...in 반복문을 사용합니다. 기본 문법 for (variable in object) { // 코드블럭 } variable : object에서 순차적으로 하나씩 꺼내온 property(속성)의 key(이름) object : 탐색할 object 사용 예시를 살펴볼까요? See the Pen 반복문 by anna (@hianna) on CodePen. 코드를 자세히 살펴볼까요? const person = { name : 'Anna', age : 20, id : 'hianna' }; for(prop in person) { document.write(prop + " : "..

이번에 알아볼 반복문은 do..while입니다. while 문과 비슷하지만, 첫번째 반복문을 실행 할때 실행 순서가 조금 다릅니다. do...while do { // 반복할 코드 } while (조건문); do...while문은 조건문을 판단하기 전에 do 블록의 코드를 먼저 실행합니다. 그리고, 조건문을 판단하여, 조건문의 결과가 true이면 do 블록의 코드를 다시 실행합니다. 이 과정을 반복합니다. 예제 1 See the Pen 반복문 by anna (@hianna) on CodePen. 예제 2 - while문과 do...while의 차이점 See the Pen 반복문 by anna (@hianna) on CodePen. while문과의 차이점은 다음과 같습니다. while문은 처음 while문을..

지난번에는 for문의 기본적인 사용방법을 알아보고, 별찍기 예제도 만들어 보았습니다. [Javascript] 반복문(1) - for [Javascript] for문을 이용해서 별찍기 이번에는 for문을 응용하여 구구단을 찍는 예제입니다. 구구단 찍기 for(let i = 2; i

지난번에는 for문의 기본적인 사용방법을 알아보았습니다. [Javascript] 반복문(1) - for 이번에는 for문을 응용한 다양한 형태의 별찍기 예제를 공유합니다. 정사각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. 삼각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. See the Pen 반복문 by anna (@hianna) on CodePen. 거꾸로 삼각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. See the Pen 반복문 by anna (@hianna) on CodePen. 정삼각형 별찍기 See the Pen 반복문 by anna (@hianna) ..

Javascript에서 사용할 수 있는 반복문을 하나씩 알아보도록 하겠습니다. for for (초기화; 조건식; 증감문) { // 반복할 코드 } 먼저 for문의 문법은 위와 같습니다. 초기화 - for문이 실행되기 전 1번만 수행됩니다. 조건식 - for문이 실행되기 위한 조건입니다. 이 조건문의 결과가 true이면 for문 안의 코드는 계속 실행됩니다. 증감문 - for문 안의 코드가 실행 된 후, 매번 수행되는 코드입니다. 예제1 See the Pen 반복문 by anna (@hianna) on CodePen. i변수의 초기값은 0이고, 반복문을 돌 때마다 i 변수의 값은 1씩 증가합니다. i의 값이 5보다 작을 동안(즉, i가 5가 되면 반복문 중지) for문 안의 코드를 실행합니다. 예제2 - ..

Javascript에서 배열의 길이를 체크하기 위해서는 Array 인스턴스의 length 속성을 사용합니다. 배열의 length 속성 활용하기 See the Pen 배열 by anna (@hianna) on CodePen. 배열의 길이는 Array 인스턴스의 length 속성을 통해서 확인할 수 있습니다. 또한, length 속성 값을 직접 설정하여, 배열의 길이를 조정할 수도 있습니다.