상추의 IT저장소

JS) 배열 생성, 추가, 삭제 본문

Javascript

JS) 배열 생성, 추가, 삭제

구너상추 2022. 11. 10. 21:22

자바스크립트에서 배열을 만드는 방법

- 배열 리터럴 대괄호( [ ] )를  사용하여 만드는 방법

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