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
반응형
'IT > javascript' 카테고리의 다른 글
[Javascript] 테이블 합계 구하기 (0) | 2023.08.10 |
---|---|
[javascript] input 정규식으로 숫자만 입력되도록 설정하기 (0) | 2023.07.13 |
[javascript] 속성 탐색 연산자 (jquery,Vanilla JS) (0) | 2023.06.10 |
[Javascript] 알면 유용한 자바스크립트(템플릿 리터럴, NULL 병합 할당 연산자, optional chaining) (0) | 2023.06.04 |
[javascript] new date와 Intl API로 날짜 쉽게 구하기 (0) | 2023.05.30 |