728x90
안녕하세요🙏 개발자 재민콩입니다.
이번에는 배열을 사용할 때 자주 사용하는 관련 함수에 대해 알아보겠습니다.
1. Array.push();
// 배열의 마지막에 아이템 추가
var fruits = ['apple', 'banana', 'grape'];
var push = fruits.push('cherry');
console.log(push);
console.log(fruits);
// 출력 결과
4
['apple', 'banana', 'grape', 'cherry']
2. Array.pop();
// 배열의 마지막 아이템 삭제
var fruits = ['apple', 'banana', 'grape'];
var pop = fruits.pop();
console.log(pop);
console.log(fruits);
// 출력 결과
'grape'
['apple', 'banana']
3. Array.shift();
// 배열의 첫번째 아이템 삭제
var fruits = ['apple', 'banana', 'grape'];
var shift = fruits.shift();
console.log(shift);
console.log(fruits);
// 출력 결과
'apple'
['banana', 'grape']
4. Array.unshift();
// 배열의 첫번째에 아이템 추가
var fruits = ['apple', 'banana', 'grape'];
var unshift = fruits.unshift('cherry');
console.log(unshift);
console.log(fruits);
// 출력 결과
4
['cherry', 'apple', 'banana', 'grape']
5. Array.splice();
// 배열의 원하는 위치의 아이템 삭제
var fruits = ['apple', 'banana', 'grape'];
// Array.splice(시작 index, 삭제 갯수)
var splice = fruits.splice(1, 2);
console.log(splice);
console.log(fruits);
// 출력 결과
['banana', 'grape']
['apple']
728x90
'Frontend > Javascript' 카테고리의 다른 글
[Javascript] Html video currentTime 수정 불가 해결 (10) | 2023.03.07 |
---|---|
[Javascript] Daterangepicker Custom (1) | 2022.11.07 |
[Javascript] file drag&drop 제어(dragenter, dragleave, dragover, drop) (0) | 2022.11.01 |