Script
배열 본문
1.선언
const arr1 = new Array();//방법 1
const arr2 = [1,2];// 방법2
2.Index 위치
const fruits = ['🍎','🍌']
console.log(fruits);//(2) ['🍎', '🍌']
console.log(fruits.length); //2
console.log(fruits[0]);//🍎
console.log(fruits[1]);//🍌
console.log(fruits[2]);//undefined
console.log(fruits[fruits.length-1]);//🍌(배열의 마지막 데이터)
3.배열에서의 loop
print all fruits힐때
a.for
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
b.for of
for(let fruit of fruits){
console.log(fruit);
}
c.forEach
fruits.forEach((fruit) =>console.log(fruit));
4.추가,삭제,복사
push:맨끝에 항목을 추가
fruits.push('🍕','🍔')
console.log(fruits);
pop:맨끝의 항목을 제거(하나씩)
fruits.pop();
console.log(fruits);
unshift:맨앞에 항목을 추가
fruits.unshift('🍉','🍓')
console.log(fruits);
shift:맨앞의 항목을 제거(하나씩)
fruits.shift();
console.log(fruits);
주의-shift,unshift는 pop과 push보다 처리속도가 느리다
pop과 push는 뒤의 빈공간에 새로운 항목을 추가 or삭제만 하면 되지만
shift,unshift는 맨앞에 들어가 뒤에있는 것들을 한칸씩 밀어내거나 당겨야하므로 그렇다
그러므로 pop과 push를 더 애용하자
splice:특정 index의 item 삭제
const fruits = ['🍎','🍌','🍓','🍑']
fruits.splice(1);
console.log(fruits);//['🍎'](index1부터 뒤에까지 전부 밀어버린다)
fruits.splice(1,1);
console.log(fruits);//(index1부터 1개가 지워진다)
fruits.splice(1,1,'🍏','🍋');
console.log(fruits);//(5) ['🍎', '🍏', '🍋', '🍓', '🍑']
//(index 1부터 1개를 지우고 그 자리에 '🍏','🍋'를 넣는다)
두개의 배열 결합
const fruits = ['🍎','🍌','🍓','🍑']
const fruits2 = ['🥝','🍅'];
const newFruits= fruits.concat(fruits2);
console.log(newFruits);//fruits + fruits2
5.찾기
indexOf-item이 몇번째 index에 있는지 확인
const fruits = ['🍎','🍌','🍓','🍑']
console.log(fruits.indexOf('🍌'));//1
console.log(fruits.indexOf('🍓'));//2
console.log(fruits.indexOf('🍕'));//-1(해당하는 item이 없으면 -1이나옴)
includes-item이 배열에 들어있는지 아닌지 확인
const fruits = ['🍎','🍌','🍓','🍑']
console.log(fruits.includes('🍕'));//false
console.log(fruits.includes('🍎'));//true
lastIndexOf
const fruits = ['🍎','🍌','🍓','🍑','🍎']
console.log(fruits.indexOf('🍎'));//0(먼저오는 🍎의 index 출력)
console.log(fruits.lastIndexOf('🍎'));//4(뒤에오는 🍎의 index 출력)
'Javascript' 카테고리의 다른 글
| JSON (0) | 2022.06.17 |
|---|---|
| 배열 api (0) | 2022.06.17 |
| object란? (0) | 2022.06.14 |
| class와 object (0) | 2022.06.14 |
| 함수 (0) | 2022.06.12 |
Comments