티스토리 뷰

Javascript

배열 객체(2)

GYChoi 2022. 2. 4. 13:17

배열 메서드

unshift() : 배열 처음 요소에 추가(반환:숫자)
shift() : 배열 처음 요소 삭제(반환:삭제된 요소)

{
    const arrNum = [100, 200, 300, 400, 500];
    const arrUnshift = arrNum.unshift(600)
}
{
    const arrNum = [100, 200, 300, 400, 500];
    const arrShift = arrNum.shift()
}
기본값 메서드 리턴값 결괏값
[100, 200, 300, 400, 500] .unshift(600) 6 600,100,200,300,400,500
[100, 200, 300, 400, 500] .shift() 100 200,300,400,500

 

 

reverse() : 배열 요소의 순서를 반대로 정렬(반환:배열)
sort() : 배열 요소를 정렬(반환:배열)

{
    const arrNum1 = [100, 200, 300, 400, 500];
    const arrNumReverse = arrNum.reverse();

    const arrNum2 = [100, 200, 300, 400, 500];
    const arrNumSort2 = arrNum2.sort();

    const arrNum3 = [100, 200, 300, 400, 500];
    const arrNumSort3 = arrNum3.sort(function(a,b){return b-a});

    const arrNum4 = [500, 400, 300, 200, 100];
    const arrNumSort4 = arrNum3.sort(function(a,b){return a-b});

    const arrNum5 = ['c', 'd', 'e', 'a','b'];
    const arrNumSort5 = arrNum5.sort((a,b) => a.localeCompare(b));

    const arrNum6 = ['c', 'd', 'e', 'a','b'];
    const arrNumSort6 = arrNum5.sort((a,b) => b.localeCompare(a));
}
기본값 메서드 결괏값
[100, 200, 300, 400, 500] .reverse() 500,400,300,200,100
[100, 200, 300, 400, 500] .sort() 100,200,300,400,500
[100, 200, 300, 400, 500] .sort(function(a,b){return b-a}) 500,400,300,200,100
[100, 200, 300, 400, 500] .sort(function(a,b){return a-b}) 100,200,300,400,500
['c', 'd', 'e', 'a','b'] .sort((a,b) => a.localeCompare(b)) a,b,c,d,e
['c', 'd', 'e', 'a','b'] .sort((a,b) => b.localeCompare(a)) e,d,c,b,a

 

 

concat() : 배열 요소를 결합(반환:배열)

{
    const arrNum1 = [100, 200, 300];
    const arrNum2 = [400, 500, 600];
    const arrConcat = arrNum1.concat(arrNum2);

    const arrSpread = [...arrNum1, ...arrNum2];
}
기본값 메서드 결괏값
[100, 200, 300],[400, 500, 600] arrNum1.concat(arrNum2) 100,200,300,400,500,600
[100, 200, 300],[400, 500, 600] [...arrNum1, ...arrNum2] 100,200,300,400,500,600

'Javascript' 카테고리의 다른 글

배열 객체(4)  (1) 2022.02.06
배열 객체(3)  (1) 2022.02.06
배열 객체(1)  (0) 2022.02.03
for문 응용하기  (0) 2022.02.02
콜백함수  (0) 2022.01.27
댓글
© 2018 webstoryboy