[표준 내장 객체] 배열4

HeuiEun Choi·2023년 1월 15일
0

javascript

목록 보기
19/39
post-custom-banner

.shift()
: 대상의 배열에서 첫번째 요소를 제거하고, 제거된 요소를 반환


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

console.log(arr.shift()) // A
console.log(arr) // [B,C]

.slice()
: 대상 배열의 일부를 추출하여 새로운 배열을 만듬


const arr = [1,2,3,4,5,6,7]
console.log(arr.slice(0,3)) // [1,2,3]
console.log(arr.slice(4,-1)) // [5,6]
console.log(arr.slice(4)) //[5,6,7]
console.log(arr) // [1,2,3,4,5,6,7]

.some()
: 대상 배열의 어떠한 요소라도 콜백 함수를 통과하는지 확인


const arr = [1,2,3,4]
cost isValid = arr.some(item => item >3);
console.log(isValid); //true

.sort()
: 대상 배열의 콜백의 반환값(음수, 양수, 0)에 따라 정렬합니다.
: 콜백을 제공하지 않으면, 문자열로 반환하고, 유니코드 포인트 순서로 정렬합니다.


const numbers = [5,3,1,2,7];
numbers.sort();
console.log(numbers) ; //[1,2,3,5,7]

numbers.sort((a,b) => a-b );
console.log(numbers) //[1,2,3,5,7]

const users = [
  {name : neo , age : 21},
  {name : reo , age : 19},
  {name : meo , age : 30}
]

user.sort((a,b) => a.age - b.age);
console.log(users) // reo, neo, meo

.splice()
: 대상의 배열의 요소를 추가하거나, 삭제하거나 교체합니다

const arr1 = [a,b,c]

arr1.splice(2,0,'x');
console.log(arr1); // a,b,c,x


const arr2 = [a,b,c]
arr2.splice(1,2, 'X','Y');
console.log(arr2) // [a,b,X,Y]

.unshift()
: 새로운 요소를 대상 배열의 맨 앞에 추가하고 새로운 배열의 길이가 반환


const arr = ['a','b','c']

console.log(arr.unshift('x')); //4
console.log(arr) //[x,a, b, c]

Array.from()
: 유사배열을 실제 배열로 반환


const arrayLike = {
	0 : 'a',
  	1 : 'b',
  	2 : 'c',
  	length : 3
}

arrayLike.forEach(item => console.log(item)) // error
Array.from(arrayLike).forEach(item => console.log(item));

c.f) arrayLike 만들시에, length가 존재해야한다.

Array.isArray()
: 배열 데이터인지 확인하는 정적 메서드


const array = [a,b,c];

const arrayLike = {
	0 : 'a',
  	1 : 'b',
  	2 : 'c',
  	length : 3
}
console.log(Array.isArray(array)) // true
console.log(Array.isArray(arrayLike)) // false
profile
당신을 한줄로 소개
post-custom-banner

0개의 댓글