배열
배열 생성
기본 생성
let fruits = ["사과", "바나나", "오렌지"]
크기 지정
let number =new Array(5);
console.log(fruits)=['사과', '바나나', '오렌지']
console.log(number)=[//5 empty item//]
console.log(fruits.length)=3
console.log(number.length)=5
배열 요소 접근
console.log(fruits[0])=사과
console.log(fruits[1])=바나나
console.log(fruits[2])=오렌지
배열 메소드
push //요소를 추가//
let fruits = ["사과", "바나나"]
console.log(fruits)=['사과', '바나나']
fruits.push("오렌지")
console.log(fruits)=['사과', '바나나', '오렌지']
pop //배열의 마지막 요소를 제거//
let fruits = ["사과", "바나나"]
console.log(fruits)=['사과', '바나나'];
fruits.pop();
console.log(fruits)=['사과']
shift //배열의 첫 번째 요소를 제거//
let fruits = ["사과", "바나나", "오렌지"]
console.log(fruits)=['사과', '바나나', '오렌지']
fruits.shift();
console.log(fruits)=['바나나', '오렌지']
unshift //배열에 첫 번째 자리에 요소를 추가//
let fruits = ["사과", "바나나", "오렌지"]
console.log(fruits)=['사과', '바나나', '오렌지']
fruits.unshift("포도");
console.log(fruits)=['포도', '사과', '바나나', '오렌지']
splice //(index, delete 개수, index자리에 추가)//
let fruits = ["사과", "바나나", "오렌지"]
fruits.splice(1, 1, "포도")
console.log(fruits)=[ '사과', '포도', '오렌지']
let fruits = ["사과", "바나나", "오렌지"]
fruits.splice(1, 2, "포도")
console.log(fruits)=[ '사과', '포도']
let fruits = ["사과", "바나나", "오렌지"]
fruits.splice(1, 3, "포도")
console.log(fruits)=[ '사과', '포도']
let fruits = ["사과", "바나나", "오렌지"]
fruits.splice(1, 3,)
console.log(fruits)=[ '사과']
slice //(index 요소부터, 2번째 요소까지의 새로운 배열을 만든다.)//
//(index 1 요소부터, 2번째 요소까지의 새로운 배열을 만든다.)//
let fruits = ["사과", "바나나", "오렌지"]
let SliceFruits = fruits.slice(1, 2)
console.log(SliceFruits)=['바나나']
//(index 0 요소부터, 3번째 요소까지의 새로운 배열을 만든다.)//
let fruits = ["사과", "바나나", "오렌지"]
let SliceFruits = fruits.slice(0,3)
console.log(SliceFruits)=['사과', '바나나', '오렌지']
//(index 2 요소부터, 3번째 요소까지의 새로운 배열을 만든다.)//
let fruits = ["사과", "바나나", "오렌지"]
let SliceFruits = fruits.slice(2,3)
console.log(SliceFruits)=['오렌지']
//(index 0 요소부터, 1번째 요소까지의 새로운 배열을 만든다.)//
let fruits = ["사과", "바나나", "오렌지"]
let SliceFruits = fruits.slice(0,1)
console.log(SliceFruits)=['사과']
'JavaScriprt-문법' 카테고리의 다른 글
JavaScript 문법 종합반 문법-for / while (0) | 2023.05.23 |
---|---|
JavaScript 문법 종합반 문법-배열(2) (0) | 2023.05.22 |
JavaScript 문법 종합반 문법-객체 (0) | 2023.05.22 |
JavaScript 문법 종합반 문법-조건문 (0) | 2023.05.22 |
JavaScript 문법 종합반 문법-함수 (0) | 2023.05.22 |