본문 바로가기

자바스크립트

JavaScript 표준 내장 객체 - Array(1)

 

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))

   - 배열의 아이템들중 지정한 조건(콜 백 테스트)을 가장 먼저 통과하는 요소를 반환합니다.

실행 결과