[JS] 배열 1 _ 다차원배열 / slice()/splice()

▪️ 다차원배열(multi-dimensional array)

• 배열을 이중으로 넣을 수 있다.

다양한 접근법

var a = [['a','b','c'],[2,3,4,5],[['twe','tewt','trwrq'],'er','we','te']]
a[0]  // [a,b,c]
a[0][1] // b
a[3][0][2]  // trwrq

---

▪️ slice

• 원본배열을 변형시키지 않고 원하는 배열 중, 원하는 부분만 가져올 수 있다.
• 그러므로 새로운 변수를 선언해 주어야한다.

slice(start,end)

• 첫번째 인자 : 배열의 index의 시작점
• 두번째 인자 : 배열의 index의 끝점
  👉 start 요소부터 end 요소 전까지

let nums = [1,2,3,4,5]
let nums_1= nums.slice(0,3)

console.log(nums)    // [1,2,3,4,5]   원본 배열은 그대로 있음.
console.log(nums_1)  //  0번째 숫자인 1을 포함 3번째 숫자인 4 전까지. [1,2,3]

// 첫번째 인자에 음수가 들어가는 경우: 

let nums = [1,2,3,4,5]
let nums_1= nums.slice(-2)

console.log(nums)    // [1,2,3,4,5]   원본 배열은 그대로 있음.
console.log(nums_1)  //  끝에서부터 음수만큼의 요소를 배열에 담아 리턴 [4,5]

---

▪️ splice

• 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용
• 보통 댓글 삭제기능을 구현할 때 많이 사용

splice(start,delete,item)

• 첫번째 인자 : 배열의 index의 시작점
• 두번째 인자 : 삭제할 요소의 개수
• 세번째 인자 이후: 추가할 요소
  👉 인자의 순서를 꼭 지켜야함.
  👉 필요에 따라 인자를 1개만 쓸 수도 있음

let nums = [1,2,3,4,5]
num.splice(2,1,10)      // 2번째요소 1개를 10으로 바꾼다.

console.log(nums)    // [1,2,10,4,5]