1. Array

배열

• [ ] 대괄호 사이에 여러 데이터 타입이 요소로 들어갈 수 있다.

↓ 배열 선언 ↓

let 변수이름 = [10, “array”, false]
// []사이에 있는 10,"array" 등을 요소(element) 라고 부른다.



↓ 다차원 배열 ↓

let array = [[1, 2, 3], ["a","b","c"], true ]
// 배열 안에 배열이 들어갈 수 있다.



↓ index 요소 위치 ↓

 [[1, 2, 3], ["a","b","c"], true ]
//    0            1         2     앞에서 0으로 시작
//   -3           -2        -1     음수인덱스 뒤에서 -1 시작


↓ 배열 요소 접근 ↓

array[0]     //  [1, 2, 3]      배열의 0번 인덱스
array[1]     //  ["a","b","c"]  배열의 1번 인덱스
array[3]     //  true           배열의 3번 인덱스
array[0][0]  // 1               0번 인덱스의 0번 인덱스
array[1][2]  // "c"             1번 인덱스의 2번 인덱스



↓ 요소 수정 ↓

Array[0] = 456
// 0번 인덱스인 [1, 2, 3]이 456으로 재할당 된다.
console.log(Array) // [456, ["a","b","c"], true ]

method

1. slice(start,end)

• 배열 내의 index 범위에 따라 새로운 배열을 반환

let array = ["s", "l", "i", "c", "e"]
let a = array.slice(1,3)  // 1번 인덱스부터 3번 인덱스 앞까지
//["l", "i"] 

let b = array.slice(-3,-1) //  음수일 경우 뒤에서부터 -1로 시작
// ["i", "c"]

//start만 쓸 경우 : slice(3)이라 치면 3번 인덱스부터 배열 끝까지 반환

2. splice(start,delete,item)

• 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가
  (원본 배열 영향O)

• start(index 시작점), delete(제거할 요소의 수), item(추가할 요소)

• 반환값 : 제거한 요소를 담은 배열

let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
let a = arr.splice(4, 2, "사", "오")

console.log(arr)[0, 1, 2, 3, "사", "오", 6, 7, 8, 9, 10]
console.log(a)[4, 5]
// 4번째 인덱스부터 2개요소 삭제 후 "사", "오" 요소 추가
// 변수 a는 반환값

//start만 쓸 경우 : splice(3)이라 치면 3번 인덱스부터 배열 끝까지 제거

3. filter()

• 조건에 맞는 요소들만 모아서 새로운 배열을 반환

↓ ap를 포함하는 문자열만 반환 ↓

let fruits = ['apple', 'banana', 'grapes', 'mango', 'orange']

function filtered (value) {
  return value.includes('ap') 
  //inclueds():특정 문자열을 포함하는지 확인하는 메서드
} // boolean값을 반환하는 함수 사용


fruits.filter(filtered) // ["apple", "grapes"]

4. concat()

• 배열을 합쳐서 새로운 배열을 반환
• 요소 중복시 영향X

let a = ["c", "o", "n"]
let b = ["c", "a", "t"]

a.concat(b)  //  ["c", "o", "n", "c", "a", "t"]

5. push(), pop(), shift()

↓ push : 배열 끝에 요소 추가 ↓ 

let a = [1, 2, 3]
a.push(4)

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


↓ pop : 배열의 마지막 요소 제거 ↓

let a = [1, 2, 3]
a.pop()

console.log(a) // [1, 2]


↓ shift : 배열의 첫 번째 요소 제거 ↓

let a = [1, 2, 3]
a.shift()

console.log(a) // [2, 3]

6. length

• 배열의 길이 (문자열과 마찬가지)

• 배열의 길이와 인덱스를 이용하여 마지막 요소 접근 해보기

let a = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

a[a.length-1]  // 10
//배열의 길이 -1 은 배열의 마지막 인덱스다.

7. Set

• Set는 고유한 값을 가지며 데이터 간 중복이 안된다.

• Set를 이용해 배열의 중복된 요소를 제거하기

let a = [1, 2, 5, 5, 7, 2]
let unique = [...new Set(a)]

console.log(unique) // [1, 2, 5, 7]