[자바스크립트] 배열 구조 분해
구조 분해 할당배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 한다.대괄호를 사용한다.나머지 연산자 (...) 를 사용해서 남은 요소들을 배열로 할당 할 수 있다.다차원 배열도 가능하다.const [num1, num2, num3, num4] = [1, 2, 3, 4];console.log({ num1, num2, num3, num4 });// 출력: {num1: 1, num2: 2, num3: 3, num4: 4}const [num1, num2] = [1, 2, 3, 4];console.log({ num1, num2 });// 출력 : {num1: 1, num2: 2} - 처음 예제와 다르게 배열 요소만큼 변수를 선언하지 않으면, 앞에서부터 차례대로 할당된다. const [num1, ..
2024. 8. 2.
[자바스크립트] 배열의 메소드 - splice, slice
1. splice임의의 인덱스에서 원소를 추가하고 삭제한다.원소 삭제, 교체, 추가 하는 경우에 사용할 수 있다.splice(시작 인덱스, 삭제 개수, 추가할 요소 )각 파라매터는 모두 필수값이 아니다.제거한 요소들을 새로운 배열로 반환한다.const arr = [1, 2, 3, 4];const newArr = arr.splice(1, 2);console.log(arr); // 출력: [1, 4]console.log(newArr); // 출력: [2, 3] - 시작 인덱스 1, 삭제할 개수는 2개이기에 arr 배열에서 2와 3이 삭제되고, 삭제한 2, 3을 새로운 배열로 반환했다.const arr = [1, 2, 3, 4];const newArr = arr.splice(1, 2, 1000);console..
2024. 7. 28.
[자바스크립트] 배열의 메소드 - push, pop, unshift, shift
1. push배열의 끝에 값을 추가한다.마지막 인덱스를 하나 추가하고, 거기에 값을 추가한다.타입이 다른 값도 추가 가능하다.const arr = [1, 2, 3, 4];arr.push(5);console.log(arr); // 출력: [1, 2, 3, 4, 5]const arr2 = [1, 2, 3, 4];arr2.push('5');console.log(arr2); // 출력: [1, 2, 3, 4, '5']2. pop배열의 끝의 값을 삭제한다.마지막 인덱스의 값이 삭제된다.pop()을 한 값을 반환한다.const arr = [1, 2, 3, 4, 5];const popNum = arr.pop();console.log(arr); // 출력: [1, 2, 3, 4]console.log(popNum); /..
2024. 7. 20.
[자바스크립트] 배열
배열 - Array 순서대로 번호가 붙은 원소들이 연속적인 형태로 구성된 구조여러 개의 값을 담는 컬렉션데이터의 목록, 리스트배열의 생성- 배열 리터럴로 생성// 배열 리터럴로 생성const arr = [];const arr2 = [1, 2, 3];const arr3 = ['1', 100, true];// 각 요소의 타입들이 다른 것보단 통일된 것을 지향한다.- 생성자로 생성const arr = new Array();// 결과: []const arr2 = new Array(1, 2, 3);// 결과: [1, 2, 3]const arr3 = new Array(3);// 특정 길이를 가진 배열을 생성// 결과: [undefined, undefined, undefined]배열의 인덱스배열은 인덱스로 값에 접근..
2024. 7. 16.
