Honey-Programming

# reduce (배열을 순회하며 인덱스 데이터를 줄여가며 하나의 결과값을 반환) : 원본 배열은 바뀌지 않고 새로운 배열을 만든다. (immutable) 문법 : reduce(callback(accumulator, currentValue[, currentIndex [, array]])[, initialValue]) callback: 각 요소에 대해 실행할 함수(테스트를 통과하지 못한 배열 요소(false)는 버리고 새로운 배열에 포함되지 않는다.) accumulator : 누적값 currentValue : 현재 배열 내 처리되고 있는 요소 currentIndex : 현재 배열 내 처리되고 있는 요소의 인덱스 array : reduce()를 호출한 배열 initialValue: callback 첫 번째 ..

# filter (조건에 따라 요소들을 걸러내기) : callback Function으로 테스트 하여 통과하면 새로운 배열을 만든다 원본 배열은 바뀌지 않고 새로운 배열을 만든다. (immutable) 문법 : filter(callback(element[, index [, array]])[, thisArg]) callback: 각 요소를 시험할 함수(테스트를 통과하지 못한 배열 요소(false)는 버리고 새로운 배열에 포함되지 않는다.) element: 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 array : filter를 호출한 배열 thisArg : callback 실행할 때 this 값 반환값 : callback 함수의 테스트를 통과한 요소로 이루어진 새로운 배열 테스트를 하나라도 ..

# map (반복문을 돌며 배열 안의 요소들을 1대1로 짝지어 주는 것) : callback Function을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다. 원본 배열은 바뀌지 않고 새로운 배열을 만든다. (immutable) 원본 배열과 길이는 같고 형태가 다른 array를 얻고자 할때 유용하다 문법 : map(callback(currentvalue[, index [, array]])[, thisArg]) callback : 각 요소에 실행할 함수 currentvalue : 배열 내 현재 값 index : 배열 내 현재 값의 인덱스 array : 현재 배열 thisArg : callback 실행할 때 this 값 반환값 : callback 함수의 결과들로 모은 새로운 배열 let users =..

# forEach (주어진 함수를 배열 요소 각각에 대해 실행) 문법 : forEach(callback(currentvalue[, index [, array]])[, thisArg]) callback : 각 요소에 실행할 함수 currentvalue : 요소 값(처리할 현재 요소) index : 처리할 현재 요소의 인덱스 array : forEach( )를 호출한 배열 thisArg : callback 실행할 때 this 값 반환값 : undefined - 기본적인 forEach 사용법 const arr = [0,1,2,3,4,5,6,7,8,9,10]; arr.forEach(function(element){ console.log(element); // 0 1 2 3 4 5 6 7 8 9 10 }); //..

# slice (배열의 일부분, 부분 배열을 얕게 복사하여 반환) : 원본 배열은 수정되지 않는다 즉, immutable(배열이 변하지 않음) 이다 문법 : slice(start[, end]) start : 추출을 시작하는 인덱스 undefined 인 경우 : 0번째 인덱스부터 slice 음수를 지정한 경우 : 배열의 끝에서부터의 길이를 나타낸다. Ex) slice(-2)이면 배열의 마지막 2개의 요소를 추출 배열의 길이와 같거나 큰 수를 지정한 경우 : 빈 배열을 반환 end : 추출을 종료 인덱스(end의 바로 앞자리 요소까지만 추출) 지정하지 않을 경우 : 배열의 끝까지 slice 음수를 지정한 경우 : 배열의 끝에서부터의 길이를 나타낸다. Ex) slice(2,-1)를 하면 세번째부터 끝에서 두번..

1.immutable : 자료형 String(문자열), Number(숫자), Boolean(참/거짓), undefined, null은 immutable(변경불가능한) 객체 2. mutable : Function(함수), Array(배열), Object(객체)은 mutable(변경가능한) 객체 이 외에 immutable 하지 않은 모든 것들을 포함 3. immutable 객체의 메모리 참조 let num1 = 0; let num2 = num1; num1 = 100; console.log(num1); // 100 console.log(num2); // 0 num1 = 100에서 immutable 영역의 0이 변경되지 않고 100이라는 값이 새로 할당됨 아래에서 나올 mutable 객체의 값이 변경(obj1...

1. var ( 변수 재선언 가능 ) var variable = '변수선언함'; console.log(variable); //변수선언함 var variable = '또 변수선언함'; console.log(variable); //또 변수선언함 var 는 같은 이름으로 재선언이 가능하다 재선언이 가능하다 해서 장점이라고 생각이 될수도 있지만, 같은 이름의 변수명을 남용하는 문제를 일으킬 수 있다. console.log(a) var a = 10 // undefined 위 코드를 실행하면 undefined가 출력된다. 이것은 호이스팅(Hoisting) 이 발생하여 아래에 코드 처럼 var a의 선언부가 위쪽으로 끌어 당겨져 발생하는 현상이다. var a; console.log(a) // undefined a =..

let, var, const 이들의 차이점을 이해하려면 Hoisting(호이스팅)과 Scope에 대한 개념이 필요하다 Hoisiting(호이스팅) : 변수의 정의가 그 범위에 따라 선언(declaration)/초기화(initialization)/할당 분리되는 것을 의미한다. 쉽게 말하면, 변수가 함수내에서 정의되었을 경우 선언이 함수의 최상위로, 함수 바깥에서 정의되었을 경우엔 전역 컨텍스트의 최상위로 변경된다. 1번 코드 const hoisting = () => { console.log("First-Name:", name); var name = "Marcus"; console.log("Last-Name:", name); } hoisting(); // First Name : undefined // Las..