컴퓨터 탐험가 찰리

1. 구조분해할당(Destructing) 이란? Array 나 Object에 들어있는 값을 변수에 간편하게 지정할 수 있는 표현법이다. 2. 배열의 destructing 1. 배열의 각 값을 한 번에 선언하기! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 let arr = [1, 2, 3, 4, 5] //일반적인 방법 let a = 1 let b = 2 let c = 3 ... //destructing let [a, b, c, ...d] = arr a // 결과 : 1 b // 결과 : 2 c // 결과 : 3 d // 결과 : [4, 5] cs 2. 값의 교체, 무시하기(뛰어넘기) 1 2 3 4 5 6 7 8 9 10 let arr = [1, 2, 3, 4, 5] let [a, b]..

call, apply, bind의 기본 개념은 이전 글에서 확인할 수 있다. Javascript / 함수 / call, apply, bind Javascript / 함수 / call, apply, bind 1. call과 apply method 지난 this에 관한 글에서 일반적으로 this는 전역객체나 부모객체를 가리키는 반면, call, apply는 사용자가 정해주는 객체를 this로 취급한다는 것을 배웠다. (Javascript / Execution co.. whitepro.tistory.com 이번에는 call, apply를 적용하는 사례들을 알아보자. call, apply는 어떤 객체에 포함되어 있는 method를 간접적으로 활용하기 위해서도 사용된다. 아래 두 가지 예시를 보자. 1. Math..

sort는 Javascript Array의 내장함수이다. 즉, Array.Prototype.sort 이다. 1. 문법 array이름.sort([compareFunction]) compareFunction을 생략하면, 오름차순으로, ASCII 문자 순서대로 정렬된다. 2. 정렬 순서 compareFunction을 생략하면 ASCII 문자 순서대로 정렬되므로, 글자의 경우 알파벳 순서대로 정렬된다. 하지만, 숫자의 경우 문자로 형변환 하기 때문에 오름차순, 내림차순으로의 결과를 바로 얻어낼 수 없다. 1 2 3 let nums = [20, 10, 5,4,3,2,1]; nums.sort() // 결과 : [1, 10, 2, 20, 3, 4, 5] cs 따라서 내장되어 있는 compareFunction을 이용하..

1. forEach method forEach method는 for 구문과 같이 배열의 인자를 순서대로 불러와서 특정 작업(callback 함수 내용)을 실행한다. for 구문에 있는 초기화, 조건식, 증감문 등이 없으므로 깔끔하게 작성이 가능하다. return이 없는 형태로, 모든 배열 요소에 대해 실행한 결과를 함수 안에서 표현만 가능하다. 배열.forEach(callback(인자, index, 배열)) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 const arr = [1, 2, 3, 4, 5]; arr.forEach(function(element, index, array){ console.log(`${array}의 ${index}번째 요소 : ${element}`); }); //결과..