상추의 IT저장소
JS) 배열 생성, 추가, 삭제 본문
자바스크립트에서 배열을 만드는 방법
- 배열 리터럴 대괄호( [ ] )를 사용하여 만드는 방법
let arr = [];
- Array() 생성자 함수로 배열을 생성하는 방법
var arr = new Array();
자바스크립트 배열이 다른 언어와 다른점
- 배열 내부의 데이터 타입이 서로 다를 수 있다.
- 배열의 크기는 동적으로 변경될 수 있다.
//number 타입으로만 이루어진 배열
let arr1 = [1, 2, 3, 4, 5];
//string 타입으로만 이루어진 배열
let arr2 = ["h","e", "l", "l", "o"];
//number 타입과 string 타입을 함께 사용한 배열
let arr3 = [1, "h", 2, "e"];
//다양한 자료형 함께 사용한 배열
let arr4 = [true, 1, undefined, false, "h", 2, null];
console.log(arr1[0]);
console.log(arr2[1]);
console.log(arr3[2]);
console.log(arr4[3]);
>> console.log 출력값

자바스크립트 배열 추가, 삭제
- 배열에 값을 추가하는 함수
.push() : 배열의 맨 끝에 값을 추가한다.
.unshift() : 배열의 맨 앞에 값을 추가
- 배열에 값을 제거하는 함수
.pop() : 배열의 맨 끝에 값을 제거한다.
.shift() : 배열의 맨 앞에 값을 제거한다.
let arr1 = [1, 2, 3, 4, 5];
arr1.push(91);
console.log(arr1);
arr1.pop();
console.log(arr1);
arr1.unshift(61);
console.log(arr1);
arr1.shift();
console.log(arr1);
console.log(arr1.indexOf(4));
console.log(arr1.length);
>> console.log 출력값

'Javascript' 카테고리의 다른 글
| JS) 객체(object) (0) | 2022.11.13 |
|---|---|
| JS) 타입변환 (0) | 2022.11.11 |
| JS) NPM 소개 및 사용법 (0) | 2022.11.06 |
| JS) jQuery - .append() .prepend() .remove() .empty() 사용법 (0) | 2022.11.06 |
| JS) jQuery 요소선택 & 선택자 (0) | 2022.11.04 |