1. 데이터 - 배열(2)
6) filter()
주어진 함수의 필터링을 통과한 모든 요소를 모아 새로운 배열로 반환(원본 데이터 영향 없음)
다시 말해, filter() 메소드의 콜백에서 true가 반환된 요소들만 반환
const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
const a = numbers.map(number => number < 3)
console.log(a)
const b = numbers.filter(number => number < 3)
console.log(b)
7) find(), findIndex()
find(): 배열 데이터 내에서 조건에 맞는 특정한 요소를 찾는 메소드
findIndex(): 배열 데이터 내에서 조건에 맞는 특정한 요소의 인덱스 번호를 반환하는 메소드
const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
const a = fruits.find(fruit => /^B/.test(fruit))
console.log(a)
const b = fruits.findIndex(fruit => /^B/.test(fruit))
console.log(b)
8) includes()
배열 내에 인수로 사용된 데이터가 포함되었는지에 대한 여부를 확인해주는 메소드
const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
const a = numbers.includes(3)
console.log(a)
const b = fruits.includes('OROSY')
console.log(b)
9) push(), unshift()
주의! 원본 데이터 수정됨
push(): 배열 맨 뒤쪽에 인수로 사용된 데이터를 요소로 포함시킴
unshift(): 배열 맨 앞쪽에 인수로 사용된 데이터를 요소로 포함시킴
const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
numbers.push(5)
console.log(numbers)
fruits.unshift(0)
console.log(numbers)
10) reverse()
주의! 원본 데이터 수정됨
배열 데이터의 순서를 뒤집어 반환하는 메소드
const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
numbers.reverse()
fruits.reverse()
console.log(numbers)
console.log(fruits)
11) splice()
주의! 원본 데이터 수정됨
배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경
const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
numbers.splice(2, 2)
console.log(numbers)
numbers.splice(1, 0, 333)
console.log(numbers)
fruits.splice(2, 1, 'Orange')
console.log(fruits)