본문 바로가기

반응형

CS/Javascript

(11)
[js] for문에서 var, let 사용하기(feat. 스코프, setTimeout) 기술 면접 관련 구글링을 하다가 우연히 for문에서 var을 사용할 때와 let 을 사용할 때 결과가 다르다는 것을 알게 되었다. 이 참에 var와 let의 차이와 스코프의 개념을 한번 짚고 넘어가야겠다는 생각이 들었다. 1. var와 let의 차이 var와 let으로 선언된 변수는 각각 영향을 미칠 수 있는 유효범위를 가지는데, var는 function scope, let은 block scope를 가진다. function scope는 우리가 아는 흔한 함수를 생각하면 되고, function scope를 유효범위로 가지는 변수는 함수 안에서 선언되면 함수 밖에서 접근하지 못한다. 아래의 코드를 보면 i가 var로 선언되었으므로 전역 변수가 되어 익명 함수 실행 시 i값은 무조건 5가 출력되는 것이다. c..
[js] for in & for of / includes & in 1. for in 반복문과 for of 반복문의 차이점 for in과 for of는 반복이 가능한 객체의 모든 원소를 하나씩 추출하여 변수에 담아 반복문을 수행하는 문법 // 1. for in for(let value in arr){ console.log(value) } // 1. for of for(let value of arr){ console.log(value) } 그런데 이 둘은 반복하는 대상에 대한 차이점이 있다. for in 반복 대상 : Iterable object이면 모두 반복할 수 있는 대상이 됨 ==> 주로 객체에서 사용 for of 반복 대상 : Iterable object이지만, prototype chain에 의한 Iterable은 반복 대상에서 제외됨 ==> 주로 배열에서 사용 A..
[js] for Each & Map for Each 아무 값도 반환하지 않음. 기존 배열 변경 가능 const arr = [1, 2, 3] aarrrray.forEach((item, index) => { arr[index] = item * 2 }) console.log(arr)// [2, 4, 6] 1. value, index를 인자로 받기 item, index 순 const arr = ['apple', 'kiwi', 'grape', 'orange']; arr.forEach((item, index) => { console.log("index: " + index + ", item: " + item); }); //출력 결과 index: 0, item: apple index: 1, item: kiwi index: 2, item: grape in..

반응형