[JS] 배열 ( Array )

nana·2023년 1월 9일
0

🟡 JavaScript

목록 보기
14/23
post-thumbnail

🖍️ 배열 ( Array )

  • 순서가 있는 리스트
1번 철수
2번 영희
... 
30번 영수

let students = ['철수', '영희', ... '영수'];

// index 0 ~ 29
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

💟 push() : 배열 끝에 추가

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

💟 pop() : 배열 끝 요소 제거

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

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

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

// 제거
let 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);
}
// "월"
// "화"
// "수"
❗️ index를 못 얻는다는 단점
❗️ for ... in 과 헷갈리지 않게 주의
profile
✧ 중요한건 꺾이지 않는 마음 🔥 ᕙ(•ө•)ᕤ 🔥

0개의 댓글