[Javascript] #3 Array, 배열의 값 추가, 수정, 삭제하는 방법

Array

데이터를 정리, 나열하기 위해 사용한다.

let colors = ["red", "orange", "yellow", "green", "blue", "navy", "violet"];
// 배열의 순서를 index라고 하는데 첫 요소부터 0, 1, 2, 3... 한 개씩 증가한다. 
console.log(colors[0]); //colors의 첫 번째 요소 값. output: red	
console.log(colors[1]); //colors의 두 번째 요소 값. output: orange
console.log(colors[2]); //colors의 세 번째 요소 값. output: yellow

console.log(colors.length); //colors의 총 요소 갯수의 길이 output: 7
console.log(colors[colors.length-1]); // index가 0 부터 시작하기 때문에 colors의 마지막 요소 값을 구하기 위해 배열의 총 길이에서 1을 빼준 값의 index를 구해야 한다. output: violet

배열의 값 추가, 수정, 삭제하는 방법

1. 배열의 값 추가하는 방법

let colors = ["red", "orange", "yellow"];
colors.pop(); // 배열의 마지막 요소를 제거.
console.log(colors); // output: ["red", "orange"]

2. 배열의 값 수정하는 방법

let colors = ["red", "orange", "yellow"];
colors.shift(); // 배열의 첫 번째 요소를 제거.
console.log(colors); // output: ["orange", "yellow"]

3. 배열의 값 삭제하는 방법
   colors.splice(start, deleteCount, items)

• start : 배열의 변경을 시작할 순서.
• deleteCount : 배열에서 제거할 요소의 갯수.
• items : 배열에 추가할 요소.

let colors = ["red", "orange", "yellow"];
colors.splice(0, 2, "blue", "black"); // index 0에서 시작하여 2개의 요소를 제거하고 "blue", "black" 을 추가한다.
console.log(colors); // output: ["blue", "black", "yellow"];