🔍 Array(배열)

Array(배열)은 여러개의 데이터값을 하나로 묶어 놓은 것을 말한다.

[ ] 안에 요소(element)들이 순서대로 나열된다.

요소에는 모든 데이터 타입이 입력가능하고 또 다른 배열도 들어갈 수 있다.

배열에는 순서가 존재하는데, 배열 안의 순서를 index라고 한다.

index는 0부터 시작한다.

배열을 출력해보자!

💻 let 변수이름 = [요소입력]

let myArray = ['하나',2,'three',4]
let newArray = [100,200,300, [400]]

//index로 출력해보자!
let first = myArray[0]// 0번부터 시작 
let second = myArray[1]
let third = myArray[2]
let forth = myArray[3]

console로 출력해보면 다음과 같은 결과가 나온다.

💡 myArray[ ]를 이용할 때에는 [ ]안에 첫번째 요소가 0번 index이므로 순서대로 숫자를 넣어보면 된다.

배열 요소 변경,추가,삭제 해보자!

let myArray = [100,200,'a','b','c']

myArray[2]='A' //2번쨰 index를 A로 변경
myArray.push('d')//끝에 추가
myArray.unshift(true)//앞에추가

let eraseArray = [10,20,30,40]
myArray.shift()

let eraseArray2 = [10,20,30,40]
eraseArray2.pop()

console로 출력해보면 다음과 같은 결과가 나온다.

💡 push는 뒤에 추가, unshift는 앞에추가, shift는 앞에부터 삭제, pop은 뒤에부터 삭제된다는 걸 알 수 있다.

splice사용하여 추가 삭제 해보자!

splice는 원하는 위치에 추가 삭제가 가능하다.

💻 .splice("시작위치",0,추가요소) //추가
💻 .splice("시작위치",삭제 요소 개수) //삭제
💻 .splice("시작위치",삭제 요소 개수, 추가요소) //삭제후 그 위치에 추가

삭제 후 그 위치에 추가하는 문제를 풀어보자!

function goToMart() {
  let shoppingCart = ['햄', '김밥김', '단무지', '우유', '시금치', '쌀', '당근', '계란'];
  shoppingCart.splice(3,1,"두유");
  return shoppingCart;
}
//출력결과 ['햄', '김밥김', '단무지', '두유', '시금치', '쌀', '당근', '계란']

shoppingCart.splice(3,1,"두유") 이 부분을 보면 index는 0번부터 시작하므로 3은 우유를 의미한다.
결국 3번 index부터 1개 삭제 후 그 위치에 두유를 추가한다는 뜻이 된다.