Front-End/JavaScript

[자바스크립트] Array 객체의 메소드

챌링킴 2021. 6. 13. 16:25
반응형

1) Array 객체의 메소드

1. push( )

배열의 요소를 추가한다. (맨 마지막 인덱스에 추가된다.)

 

    <script>
        'use strict';
        let arr1 = ['루시',10,3.5,true];
        console.log(arr1);

        arr1.push("여자");
        console.log("push : "+arr1); //push : 루시,10,3.5,true,여자
    </script>

 

2. pop( )

배열의 마지막 주소에 있는 값을 제거한다.

 

		let popArr = [10,"hi",7.23,true,180];
		
		console.log(popArr.pop()); //180
		console.log(popArr); //[10, "hi", 7.23, true]

 

3. shift( )

배열의 첫번째 주소에 있는 값을 제거한다.

 

	arr1.shift();
        console.log("shift : "+arr1); //shift : 10,3.5,true,여자

 

4. concat( )

두 개의 배열을 합친다. 통째로 새로운 배열 객체로 만들어진다.

배열명1.concat(배열명2);

 

	let arr2 = ['뽀미',5,6,'폼피츠'];
        let arr = arr1.concat(arr2);
        console.log("concat : "+arr); //concat : 10,3.5,true,여자,뽀미,5,6,폼피츠

 

5. join( )

배열 요소 사이사이에 원하는 문자를 삽입한다.

 

        arr2 = arr2.join("😍");
        console.log("join : "+arr2); //join : 뽀미😍5😍6😍폼피츠 / 문자열로 출력된다.

 

6. sort( )

배열을 오름차순으로 정렬, 요소가 숫자면 첫번째 자리를 아스키코드로 변환한다.

 

	let arr3 = [100, 80, 40, 70, 60];
        arr3.sort();
        console.log("sort : "+arr3); //sort : 100,40,60,70,80 / 첫번째 글자가 아스키코드로 변환된 후, 오름차순으로 출력
        
        arr3.sort(function(a,b){
        	return a-b;
        });
        console.log("sort 올림차순 : "+arr3); //sort 올림차순 : 40,60,70,80,100
        
        arr3.sort(function(a,b){
        	return b-a;
        });
        console.log("sort 내림차순 : "+arr3); //sort 내림차순 : 100,80,70,60,40

 

7. reverse( )

배열을 역순으로 재배치해준다.

 

        arr3.reverse();
        console.log("reverse : "+arr3); //reverse : 40,60,70,80,100

 

8. splice( )

삭제 및 추가한다.

splice(인덱스, 삭제할항목수, 값1, 값2, ...);

값은 생략가능하고 인덱스 위치부터 삭제할 항목수만큼 배열에서 삭제하고 뒤에 따라오는 값들은 추가해준다.

 

		let arr = [10,"hi",7.23,true,180];
		console.log("arr : "+arr); //arr : 10,hi,7.23,true,180

		console.log(arr.splice(1,2)); //["hi", 7.23]
		console.log("splice1 : "+arr); //splice1 : 10,true,180
		
		arr.splice(1,0,"추가요소1","추가요소2","추가요소3");
		console.log("splice2 : "+arr); //splice2 : 10,추가요소1,추가요소2,추가요소3,true,180
반응형