📖자바스크립트 Array 배운것들 정리

1. 배열 선언하기

const arr1 = new Array();
arr1[0] = '사';
arr1[1] = '과';
console.log(arr1[0]);
// -> 사

 또는 

const arr2 = ['사', '과']
console.log(arr2[1]);
// -> 과

 

2. 반복문 이용하기

const fruits = ['apple', 'bannana', 'melon', 'cherry'];

// 1. for 

for(i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
} // 순차적으로 

// 2. for of

for(let fruit of fruits) {
console.log(fruit);
}
// fruit을 let 하여 fruits의 배열 항목들을 하나씩 불러온다
// 사용 할 때 가독성을 위해 s 유무로 이용하자

// 3. forEach

fruits.forEach(function(fruit, index) { 
console.log(fruit, index) }); 
// function에서 element, index, array 3가지를 불러올 수 있다 
// 보통 element만 불러온다

// 더 간편하게 코드를 작성하면 
fruits.forEach((fruit) => console.log(fruit));

 

3. 첨가, 삭제

// 1. push

fruits.push('peach');
console.log(fruits); // peach가 마지막에 추가 된다

// 2. pop

fruits.pop();
console.log(fruits); //마지막 index가 삭제 된다

// 3. unshift
fruits.unshift('pear', 'tomato');
console.log(fruits); // array의 시작 부분에 추가 된다

// 4. shift 
fruits.shift();
console.log(fruits); // array의 첫 항목이 삭제 된다

// unshift와 shift 는 배열의 항목들을 전체 움직여서 추가, 삭제 하는 것이므로 오래 걸린다 


// 5. splice 
fruits.splice(1, 1); // (삭제 하는 index, ~까지 삭제)
fruits.splice(1, 0, 'blueberry') // 3번 째에 항목을 넣어서 index[1]부분에 추가 할 수도 있다

// 6. 두개의 배열 묶기
const fruits2 = ['mango', 'lemon']
const newFruits = fruits.concat(fruits2);
console.log(newFruits); // fruits 꼬리에 fruits2가 붙는다

 

4. 검색 

// indexOf

console.log(fruits.indexOf('sweetmelon')); // -1 존재 x 
console.log(fruits.indexOf('banana')); // 해당 항목의 index번호 

// includes 

console.log(fruits.include('apple')); //true or false 로 알려준다