IT/javascript

[javascript] 배열 객체 메소드

카제인나트륨. 2023. 6. 14. 22:08
728x90
반응형

join(연결 문자)

배열 객체 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환
let arr = ['김씨','정씨','이씨'];

console.log( arr.join('') );
// 김씨정씨이씨
console.log( arr.join(',') );
// 김씨,정씨,이씨
console.log( arr.join('-') );
// 김씨-정씨-이씨

 

 

reverse()

배열 객체의 데이터 순서를 거꾸로 바꿈
let arr = ['김씨','정씨','이씨'];

console.log( arr.reverse() );
//['이씨', '정씨', '김씨']

 

sort()

배열 객체의 데이터를 오름차순으로 정렬
let arr = ['김씨','정씨','이씨'];

console.log( arr.sort() );
// ['김씨', '이씨', '정씨']

 

 

slice(startIndex, endIndex)

배열 객체의 인덱스 구간만큼 잘라서 배열 객체를 가져옴
let arr = ['김씨','정씨','이씨','박씨'];

console.log( arr.slice(2) );
//['이씨', '박씨']

console.log( arr.slice(1,3) );
//['정씨', '이씨']

 

 

splice(index, 삭제할 갯수, 추가 데이터)

지정 데이터를 삭제한 후 새 데이터를 삽입
let arr = ['김씨','정씨','이씨','박씨'];
arr.splice(2,1,'우씨','강씨');
//2번 인덱스부터 1개 데이터 삭제 후 우씨, 강씨 데이터 삽입

console.log( arr );
//['김씨', '정씨', '우씨', '강씨', '박씨']

 

concat(index, 삭제할 갯수, 추가 데이터)

지정 데이터를 삭제한 후 새 데이터를 삽입
let arr = ['김씨','정씨','이씨','박씨'];
let arr2 = ['우씨','강씨'];

console.log( arr.concat(arr2) );
//['김씨', '정씨', '이씨', '박씨', '우씨', '강씨']

 

 

pop()

저장된 배열 객체의 마지막 인덱스 데이터 삭제
let arr = ['김씨','정씨','이씨','박씨'];
arr.pop()

console.log( arr );
//['김씨', '정씨', '이씨']

 

 

shift()

저장된 배열 객체의 첫번째 인덱스 데이터 삭제
let arr = ['김씨','정씨','이씨','박씨'];
arr.shift();

console.log( arr );
//['정씨', '이씨', '박씨']

 

 

push()

배열 객체의 마지막 인덱스에 새 데이터를 삽입
let arr = ['김씨','정씨','이씨','박씨'];
arr.push('구씨');

console.log( arr );
//['김씨', '정씨', '이씨', '박씨', '구씨']

 

unshift()

배열 객체의 가장 앞의 인덱스에 새 데이터 삽입
let arr = ['김씨','정씨','이씨','박씨'];
arr.unshift('구씨');

console.log( arr );
//['구씨', '김씨', '정씨', '이씨', '박씨']

 

 

length

배열 객체의 가장 앞의 인덱스에 새 데이터 삽입
let arr = ['김씨','정씨','이씨','박씨'];

console.log( arr.length );
//4
728x90
반응형