Script

배열 본문

Javascript

배열

scripter. 2022. 6. 15. 20:52

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