본문 바로가기

자바스크립트

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

 

 

 

 

 

splice

const fruits_list = ['Apple','Banana','Cherry']

fruits_list.splice(2,0,'Durian') // 2번째 인덱스에서 0개만큼 지우고, Durian을 추가한다.
console.log(...fruits_list)

const fruits_list2 = ['Apple','Banana','Cherry']
fruits_list2.splice(1,1)	// 1번째 인덱스에서 아이템을 하나만 지운다.
console.log(...fruits_list2)

const fruits_list3 = ['Apple','Banana','Cherry']
fruits_list3.splice(1,1,'Durian','Orange','Mango')	
// 1번째 인덱스에서 아이템을 하나 지우고, Durian, Orange, Mango를 추가한다.
console.log(...fruits_list3)

   - 배열의 요소를 추가하거나, 삭제하거나, 교체합니다.

   - (인덱스, 삭제 개수, 추가요소) 로 구성됩니다.

실행 결과

 

 

 

 

 

unshift

const fruits = ['Apple','Banana','Cherry']

console.log(fruits.unshift('Durian'))
console.log(fruits.length)
console.log(fruits)


const numbers = [17,20,199,5,48]

console.log(numbers.unshift(9,10,11)) // [9,10,11,17,20,199,5,48]
console.log(numbers.length)
console.log(numbers)

   - 배열의 시작부분에 하나 이상의 요소를 추가하고, 새로운길이를 반환합니다.

   - push와 비슷하지만, 요소를 추가하는 위치가 반대입니다.

   - 배열 데이터의 원본이 변경됩니다.

 

 

 

 

isArray

const fruits = ['Apple', 'Banan', 'Cherry']
const fruit_obj = {
    0: 'Apple',
    1: 'Banana',
    2: 'Cherry',
    length:3
}

console.log(Array.isArray(fruits)) // true
console.log(Array.isArray(fruit_obj)) // false

   - 배열 데이터인지 확인하여 참/거짓을 반환합니다.

 

 

 

 

from

const fruits = ['Apple', 'Banan', 'Cherry']
const fruit_obj = {
    0: 'Apple',
    1: 'Banana',
    2: 'Cherry',
    length:3
}

console.log(Array.isArray(fruits)) // true
console.log(Array.isArray(fruit_obj)) // false

console.log(fruit_obj)
console.log(Array.from(fruit_obj))
console.log(Array.isArray(Array.from(fruit_obj)))

   - 유사 배열(Array-like)를 실제 배열로 반환합니다.

   - 원본이 변경되는것은 아닙니다.