length
const fruits = ['Apple', 'Banana', 'Cherry']
console.log(fruits.length) // 3
- 배열 데이터의 길이를 확인할 수 있습니다.
at
console.log(fruits.at(1)) // banana
console.log(fruits.at(-1)) // cherry
- 배열의 인덱스를 확인할 수 있습니다.
- 0부터 length-1까지 인덱싱할 수 있으며, 음수 입력시 역순으로 인덱싱합니다.
이 경우에는 -1부터 -length 값을 입력하여 사용합니다.
concat
const item1 = ['Apple','Banana','Cherry']
const item2 = ['Cherry', 'Durian']
const item3 = item1.concat(item2)
const item4 = [...item1, ...item2]
console.log(item3) // Apple, Banana, Cherry, Cherry, Durian
console.log(item4) // Apple, Banana, Cherry, Cherry, Durian
- 두 배열 데이터를 합친값을 반환합니다.
- 그대로 이어붙이므로 중복되는 값이 있을 수도 있습니다.
every
const numbers = [17,20,199,5,48]
const isValid = numbers.every(item=>item<200)
console.log(isValid); // true
const isValid2 = numbers.every(item=>item<150)
console.log(isValid2) // false
const users = [
{name:'A', age: 12, email:'123@456.789'},
{name:'B', age: 15, email:'987@654.321'},
{name:'C', age: 18},
]
console.log(users.every(user=>user.email)) // false
console.log(users.every(user=>user.age)) // true
- 배열의 모든 요소가 지정한 조건(콜 백 테스트)을 통과하는지 확인합니다.
- 하나라도 통과하지 못하면 테스트를 중단하고, false를 반환합니다.
filter
const numbers = [17,20,199,5,48]
const filtering = numbers.filter(item=>item<150)
console.log(...filtering) // [17,20,5,48]
const users = [
{name:'A', age: 12, email:'123@456.789'},
{name:'B', age: 15, email:'987@654.321'},
{name:'C', age: 18},
]
console.log(...users.filter(user=>user.age>17))
console.log(...users.filter(user=>user.email))
- 배열의 아이템들중 지정한 조건(콜 백 테스트)을 통과하는 요소만을 모아 새로운 배열로 반환합니다.
find
const numbers = [17,20,199,5,48]
const find = numbers.find(item=>item>=20)
console.log(find) // 20
const users = [
{name:'A', age: 12, email:'123@456.789'},
{name:'B', age: 15, email:'987@654.321'},
{name:'C', age: 18},
]
console.log(users.find(user=>user.age>17))
console.log(users.find(user=>user.email))
- 배열의 아이템들중 지정한 조건(콜 백 테스트)을 가장 먼저 통과하는 요소를 반환합니다.
'자바스크립트' 카테고리의 다른 글
JavaScript 표준 내장 객체 - Array(3) (0) | 2024.04.15 |
---|---|
JavaScript 표준 내장 객체 - Array(2) (0) | 2024.04.14 |
JavaScript 표준 내장 객체 - Date (0) | 2024.04.14 |
JavaScript 표준 내장 객체 - Math (0) | 2024.04.12 |
JavaScript 표준 내장 객체 - Number (0) | 2024.04.12 |