코딩앙마 TIL [자바스크립트 기초 강좌 #14- 배열(array)]

이민선(Jasmine)·2022년 11월 8일
0

const Mike = "Mike";
const Jane = "Jane";
...
const Tom = "Tom";

몇명인지 파악하는 게 쉽지 않다..
이럴 때는 배열(array) 사용

배열 : 순서가 있는 리스트

1번에 철수
2번에 영희
...
30번에 영수

이를 코드로 표현하면
let students = ['철수','영희', ...'영수'];
배열을 탐색할 때는 고유 번호(index)를 사용함.
index는 0부터 시작하므로, 위의 예에서는 29개의 index가 있음.

console.log(students[0]);//철수
console.log(students[1]);//영희
console.log(students[29]);//영수

수정도 가능함.
students[0]='민정';
console.log(students)//['민정','영희',...]
이 코드를 이용하면 첫번째 학생이 철수에서 민정으로 바뀜.

배열의 특징
-배열은 문자 뿐만 아니라, 숫자, 불린, 객체, 함수 등도 포함할 수 있음.

let arr=[
'민수',
3,
false,
{
name:'Mike',
age:30,
},
function(){
console.log('TEST');
}
];

length : 배열의 길이

students.length //30

배열은 몇 가지 method를 가지고 있다.

push() : 배열 끝에 추가

let days=['월','화','수'];
days.push('목')
console.log(days)//['월','화','수','목']

pop() : 배열 끝 요소 제거

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

shift, unshift 배열 앞에 제거/추가

추가
days.unshift('일');
console.log(days)//['일','월','화','수'];

days.unshift('금','토','일');
console.log(days)//['금','토','일','월','화','수'];

제거
days.shift();
console.log(days)//['화','수'];

반복문: for
let days =['월','화','수'];

for(let index = 0; index<days.length; index++){
console.log(days[index]) //index는 0~2까지 반복.
}

반복문: for...of

let days = ['월','화','수'];

for(let day of days){
console.log(day)
}

  • 객체를 순회하는 for...in과 헷갈리지 않게 주의하세요.
    물론 배열도 객체형이기 때문에 쓸 수 없는 건 아니지만 장점보다 단점이 많으므로 권장하지는 않음.
  • for문보다 간단하지만, index를 못 얻는다는 단점이 있음.

let days = ['mon','tue','wed'];

console.log(days[1])
-> "tue"

let days = ['mon','tue','wed'];

days[1] = '화요일'
console.log(days);
->["mon", "화요일", "wed"]

let days = ['mon','tue','wed'];
console.log(days.length);
-> 3

let days = ['mon','tue','wed'];
days.push('thu');
console.log(days);
->["mon","tue","wed","thu"]

let days = ['mon','tue','wed'];

days.push('thu');
days.unshift("sun");

console.log(days);
->["sun","mon","tue","wed","thu"]

let days = ['mon','tue','wed'];

days.push('thu');
days.unshift("sun");

for (let index = 0; index < days.length; index++) {
console.log(days[index]);
}
-> "sun" "mon" "tue" "wed" "thu"

let days = ['mon','tue','wed'];

days.push('thu');
days.unshift("sun");

for (let day of days){
console.log(day);
}
-> "sun" "mon" "tue" "wed" "thu"

profile
기록에 진심인 개발자 🌿

0개의 댓글