javaScript-배열1

자바스크립트의 표준 내장 객체인 배열을 알아보자

 

.at() 

// .at()
// 대상 배열을 인덱싱한다.
// 음수 값을 사용하면 뒤에서부터 인덱싱한다.

const arr = ['A', 'B', 'C']

console.log(arr[0])     // A
console.log(arr.at(0))  // A

console.log(arr[arr.length - 1])    
// C, 그 이유는 [arr.length]는 3, 
// 3-1 = 2 
// 제로 베이스 넘버링 이므로  2는 C

console.log(arr.at(-1)) // C, 배열 맨 뒤에서부터 인덱싱.

만약 맨 뒤에서 두 번째 값을 찾고 싶으면 

console.log(arr.at(-2)) 

 

 

 

---

 

.concat()

// .concat()
// 대상 배열과 주어진 배열을 병합해 새로운 배열을 반환.

const arr1 = ['A', 'B', 'C']
const arr2 = ['D', 'E', 'F']
const arr3 = arr1.concat(arr2)
const arr4 = [...arr1, ...arr2]

console.log(arr1)   // ['A', 'B', 'C']
console.log(arr2)	// ['D', 'E', 'F']
console.log(arr3)	// ['A', 'B', 'C', 'D', 'E', 'F']
console.log(arr4)	// ['A', 'B', 'C', 'D', 'E', 'F']

 

---

 

 

.every()

// .every()
// 대상 배열의 모든 요소가 콜백 테스트에서 참(Truthy)을 반환하는지 확인.

const arr = [1, 2, 3, 4]
const isValid = arr.every(item => item < 5) // 화살표 함수가 익숙하지 않으면,

const isValid2 = arr.every(item => { 
	return item < 5
}) 

console.log(isValid)	// true 
console.log(isValid2)	// true

---

 

.filter()

// .filter()
// 주어진 콜백 테스트를 통과(참(Truthy)을 반환)하는 모든 요소를 '새로운 배열'로 반환.
// 모든 요소가 테스트를 통과하지 못하면 '빈 배열'을 반환한다.

const numbers = [1, 20, 7, 9, 104, 0, 58]
const filterdNumbers = numbers.filter(number => number < 30)
const filterdNumbers2 = numbers.filter(number => number < 0)

console.log(filteredNumbers) // [1, 20, 7, 9, 0]  새로운 배열
console.log(filteredNumbers) // [] 빈 배열



const users = [
	{ name: 'Dragon', age: 99},
    { name: 'Lee', age: 26},
    { name: 'Eun', age: 100}
]

const adult = users.filter(user => {
	return user.age >= 27
})

const adult2 = users.filter(user => user.age >= 27)


console.log(adult) // [{ name: 'Dragon', age: 99}, { name: 'Eun', age: 100}]
console.log(adult2) // [{ name: 'Dragon', age: 99}, { name: 'Eun', age: 100}]