자바스크립트 배열 생성, 추가, 수정
// let arr = new Array("사과", "배", "수박"); // 생성자를 활용한 배열 생성
let arr = ["사과", "배", "수박"];
// 인덱스를 가지고 배열에 값을 가져옴
console.log(arr[0]); // 사과
console.log(arr[1]); // 배
console.log(arr[2]); // 수박
// 배열 전체 출력
console.log(arr); // 사과,배,수박
// 배열 length 구하기
console.log(arr.length); // 3
// 배열 값 변경
arr[0] = '키위'; //["키위", "배", "수박"]
배열은 순서가 있는 컬렉션이 필요한 경우 사용하는데 유용합니다.
자바스크립트 배열 내장함수
let arr = ["사과", "배", "수박"];
arr.push("딸기"); // push
arr.unshift("바나나"); // unshift
console.log(arr); // ['바나나', '사과', '배', '수박', '딸기']
alert(arr.pop()); // pop -> 딸기
console.log(arr); // ['바나나', '사과', '배', '수박']
alert(arr.shift()); // shift -> 딸기
console.log(arr); // ['사과', '배', '수박']
배열 내장함수
push : 배열 마지막에 데이터를 추가함
unshift : 배열 맨 처음에 데이터를 추가함
shift : 배열 맨 처음 데이터를 제거 후 남은 데이터는 이동(제거된 데이터 리턴)
pop : 배열 맨 마지막 데이터를 제거(재거된 데이터 리턴)
'프론트 엔드 > JavaScript' 카테고리의 다른 글
개발노트 :: 자바스크립트(JavaScript) Map (0) | 2022.03.24 |
---|---|
개발노트 :: 자바스크립트(JavaScript) iterable 객체 (0) | 2022.03.23 |
개발노트 :: 자바스크립트(JavaScript) this 활용 (0) | 2022.03.18 |
개발노트 :: 자바스크립트(JavaScript) 객체 복사 (0) | 2022.03.16 |
개발노트 :: 자바스크립트(JavaScript) 객체 생성 (0) | 2022.03.15 |