👫배열

특정한 데이터를 일렬로 일정하게 모아놓은 집합이다.

let myArray1 = [19, 44, 'good', false]

• 요소(element) : 어떠한 데이터 타입도 들어갈 수 있으며 array 안에 array가 들어가기도 한다.
• 순서 : index는 0부터 시작한다. myArray의 index 0 은 19, index 1 은 44이다.

배열이 필요한 이유

• 중복 변수 선언 줄이기
• 반복문 이용해 요소 쉽게 처리
• 코드 절감

---

요소에 접근하기

index position을 사용하여 접근이 가능하다.

let myArray2 = [3, 4, 5, 6]
//첫 번째 방법
let first = myArray2[1]
console.log(first) //4
//두 번째 방법
console.log(myArray2[3]) //6

요소를 수정하기

myArray2[0] = 7
console.log(myArray2)
//[7, 4, 5, 6]

배열 길이 구하기

console.log(myArray2.length)
//4

요소 추가하기

myArray2.push(8)
console.log(myArray2)
//[7, 4, 5, 6, 8]

요소 삭제하기

//배열의 마지막 요소 삭제
myArray2.pop()
console.log(myArray2)
//[7, 4, 5, 6]

//배열의 첫번째 요소 삭세
myArray2.shift()
console.log(myArray2)
//[4, 5, 6]

//여러가지 기능이 있으니 검색을 해서 상황에 맞는 기능을 사용하자.

배열 in 배열

let myArray3 = [1, 2, [1, 2, 3], 3]

console.log(myArray3[2])
//[1, 2, 3]

console.log(myArray3[2][1])
//2

가장 마지막 요소

let myArray4 = [1, 2, 3, 4] 
let myArray5 = [5, 6]
let myArray6 = [7, 8, 9]

console.log(myArray4[3]) //4
console.log(myArray5[1]) //6
console.log(myArray6[2]) //3

배열의 요소가 많은 상태에서 마지막 요소가 몇 번째에 있는지 알기 어렵다. 따라서 배열의 length를 구한 뒤, 마지막 index에는 length-1를 넣어주면 된다. 이는 index가 0부터 시작하기 때문이다.

console.log(myArray[myArray4.length - 1])
//console.log(myArray[3])
//4

---

slice

index범위에 따라 새로운 배열을 리턴하며, 원본 배열을 변형시키지 않는다. 따라서 꼭 새로운 변수면을 할당해주고 사용해야한다.

//slice(start, end)

let nums = [1, 2, 3, 4, 5, 6, 7]

let nums_new1 = nums.slice(1, 3)
console.log(nums_new1)
//[2, 3]

let nums_new2 = nums.slice(-2)
console.log(nums_new2)
//[6, 7]
//음수 들어갈 경우 끝에서부터 숫자 만큼의 요소를 배열에 담아 리턴

splice

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

//splice(start, delete 요소 개수, item 추가요소, ...)

//2를 10으로 바꾸어보자.
let num = [1, 2, 3, 4, 5, 6];
num.splice(1, 1, 10);
console.log(num);
//[1, 10, 3, 4, 5, 6]

//basket에서 '곰팡이' 삭제
let basket = [['양파','곰팡이'],['곰팡이','빵','딸기잼'],['귤','곰팡이','사과']];

function removeGerm(arr) {
  for(i=0; i < arr.length; i++) {
    for(j=0; j < arr[i].length; j++) {
      if(arr[i][j] === '곰팡이') {
        arr[i].splice(j, 1);
      }
    }
  }
  return arr;
}

console.log(removeGerm(basket)) //[["양파"], ["빵", "딸기잼"], ["귤", "사과"]]