[JS] 16. 응용: 비 구조화 할당 / spread 연산자
1) 비 구조화 할당 비 구조화 할당(구조 분해 할당): 배열의 요소들 또는 객체의 프로퍼티 값들을 변수에 할당받아 사용하는 방법. ① 배열의 비 구조화 할당 배열의 비 구조화 할당은 대괄호를 이용하여 배열의 요소들을 인덱스 순서대로 변수에 할당합니다. let arr = [1, 2, 3]; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); //1,2,3 ⇓ let arr = [1, 2, 3]; let [one, two, three,four] = arr; //배열 arr의 요소를 인덱스 순서대로 각각 변수 one, two, three에 할당 console.log(one, two, three,four); ..
[JS] 13. 기초 문법: 배열 내장함수
배열은 배열을 쉽게 다룰 수 있도록 도움을 주는 굉장히 많은 수의 유용한 내장함수들을 가지고 있습니다. 배열 내장함수를 잘 이용하면 훨씬 더 깔끔하고 유연하면서 간결한 코드를 작성할 수 있습니다. 알아볼 내장함수는 forEach, map, includes, indexOf, findIndex, find, filter, slice, concat, sort, join 이렇게 총 11가지 입니다. 이외에도 더 많은 유용한 내장함수들이 있지만 우선 기본적인 내장함수들만 정리해보겠습니다. [ 들어가기 전에] 자바스크립트의 자료형은 모두 객체로 이루어져 있습니다. 그렇기 때문에 내장함수를 사용할 때는 객체의 메서드를 사용하는 것과 동일한 방식을 이용합니다. (객체의 프로퍼티에 접근하는 방식 중 점 표기법 - '객체명..
[JS] 11. 기초 문법: 배열
배열: 자바스크립트의 비 원시 자료형 중 하나로 순서 있는 요소들의 집합. [생성 방법] ① new 키워드 let 배열명 = new Array(); ② 베열 리터럴 let 배열명 = []; //배열 생성 let 배열명 = [ 배열 요소 ] //배열 생성과 동시에 초기화 let arr = [1, "2", true, null, undefined, {}, [], function(){}]; console.log(arr); 콘솔 출력 화면 [배열 요소 접근] 배열명[인덱스] * 인덱스: 배열이 위치한 순서. (0번째부터 시작) let arr = [1, 2, 3, 4, 5]; console.log(arr[0]); //1 출력 console.log(arr[1]); //2 console.log(arr[2]); //3 ..