[강좌]자바스크립트 배열(생성, 접근, 길이확인, 추가 및 삭제)

배열은 순서가 있는 리스트로 생각하면 됩니다. 자바스크립트 배열 생성, 접근, 개열 요소 수 확인, 배열 요소 추가 및 삭제 그리고 for... of를 이용한 배열 요소의 접근 방법을 알아보겠습니다.

 

배열 생성

let fruit = ['apple', 'orange', 'grape'];

배열 접근

let fruit = ['apple', 'orange', 'grape'];
fruit[0] = 'banana';
console.log(fruit[0],fruit[1],fruit[2]);

------결과------

["banana", "orange", "grape"]

----------------

---

배열 요소로 가능한 것들

배열은 문자, 숫자, 객체, 함수 등도 포함할 수 있다.

let arr = [
    '나',
    3,
    true,
    {
        name : 'hong',
        age : 33,
    },
    function(){
        console.log("func");
    }
]

---

배열의 길이 확인 

length를 이용해 배열의 요소 개수를 확인할 수 있다.

let people = ['kim', 'park', 'hong'];
console.log(people.length);

------결과------

3

-----------------

---

배열 끝에 요소 추가

push를 이용해 배열 끝에 요소 추가할 수 있다. 한 개뿐만 아니라 여러 개도 가능하다. 

let day = ['수'];
console.log(day);
day.push('목');
console.log(day);
day.push('금','토');
console.log(day);

------결과------

["수"]

["수", "목"]

["수", "목", "금", "토"]

-----------------

---

배열 끝에 요소 제거

let day = ['월','화','수'];
day.pop();
console.log(day);
day.pop();
console.log(day);
 
 

배열 앞에 요소 추가(여러 개도 가능)

unshift를 이용해 배열의 맨앞 요소를 추가 할 수 있다. 한개 뿐만 아니라 여러개도 추가할 수 있다.

let day = ['수'];
day.unshift('화');
console.log(day);
day.unshift('일','월');
console.log(day);
 

배열 앞에 요소 제거

let day = ['월','화','수'];
day.shift();
console.log(day);

------결과------

["화", "수"]

-----------------

---

for... of 

let day = ['월','화','수'];
for(let d of day){
    console.log(d);
}

------결과------

월

화

수

-----------------

 

 

배열에 대해 마치겠습니다.

 

 

유튜브 코딩앙마 님의 영상을 보고 공부한 내용을 바탕으로 작성하였습니다.
혹시 틀린 내용이 있다면 댓글 부탁드립니다.