Honey-Programming

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

1. Today's Todo map reduce filter 학습하면서 어려움을 느낀 문제상황 정의와 문제 상황에 대한 해결방안 작성 2. Achievement Goal map reduce filter 학습하면서 어려움을 느낀 문제상황과 문제 상황에 대한 해결방안 작성 (X) # map 메소드 map 메소드 # map (반복문을 돌며 배열 안의 요소들을 1대1로 짝지어 주는 것) : callback Function을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다. 원본 배열은 바뀌지 않고 새로운 배열을 만든다. (immutab honey-programming.tistory.com # reduce 메소드 https://honey-programming.tistory.com/19 reduce 메소드 #..

# 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. Today's Todo let / var / const 개념과 비교 mutable vs immutable slice splice split forEach map reduce 2. Achievement Goal let / var / const 개념과 비교 (O) mutable vs immutable (O) slice (O) splice (O) split (O) forEach (O) map (X) reduce (X) # let / var / const 차이 var, let, const 차이(비교) 1. var ( 변수 재선언 가능 ) var variable = '변수선언함'; console.log(variable); //변수선언함 var variable = '또 변수선언함'; console.log(va..

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 =..

1. Today's Todo 호이스팅 & 스코프 let / var / const 개념과 비교 dot notation / bracket notation / in 연산자 Array.isArray / indexOf / includes push / pop / shift / unshift (배열의 요소 추가 및 삭제) 2. Achievement Goal 호이스팅 & 스코프 (O) let / var / const 개념과 비교 (X) dot notation / bracket notation / in 연산자 (O) Array.isArray / indexOf / includes (O) push / pop / shift / unshift (O) # 호이스팅 & 스코프 Hoisting(호이스팅) & Scope(스코프) le..