반응형
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
반응형
'Front-End > JavaScript' 카테고리의 다른 글
[자바스크립트] 사용자 정의 함수(function) 설명과 종류, 사용방법 (0) | 2021.06.13 |
---|---|
[자바스크립트] 반복문(for in문, for of문, forEach문) (0) | 2021.06.13 |
[자바스크립트] 배열(array)의 생성방법, 특징 (0) | 2021.06.13 |
[자바스크립트] 제어문(조건문, 반복문) (0) | 2021.06.06 |
[자바스크립트] 연산자(Operator) (0) | 2021.06.06 |