자바스크립트 배열(array)

조원태·2022년 7월 7일
0

자바스크립트 고등학교에 30명이 있습니다 선생님들은 학생 이름을 전부 외우기 힘들기 때문에
학교에서는 번호를 부르는 게 훨씬 편할 것입니다 3번 학생에게 질문을 하면 3번 번호를 가진
학생이 대답을 해줄 것이고 5번 학생에게 청소시킬 수 있습니다 만약 코드로 한 명 한 명에게
변수로 할당해 주면 어떻게 될까요?

const 길동 = "길동"
const 덕자 = "덕자"
const 철수 = "철수"

30명을 전부다 변수로 선언해 주고 할당해 주면 굉장히 시간이 오래 걸릴 것 같습니다 변수명을 전부
기억하기도 힘들뿐더러 순서도 일정하지 않고 몇 명인지 파악하기도 쉽지 않을 것 같습니다

이럴 때 배열(array)를 사용하면 쉽게 정리할 수 있습니다

배열이란 쉽게 순서가 있는 리스트입니다

1번에 길동 2번에 덕자 3번에 철수 ....

let students = ["길동","덕자","철수"]

위에 번호를 붙여준 학생들을 배열로 만든것입니다 배열은 [] 대괄호로 감싸고 ,쉼표로 구분해서 만들수있습니다

배열을 탐색할땐 고유 번호를 사용합니다 이를 index 라고 합니다 index는 0부터 시작합니다

let students = ["길동","덕자","철수"]

위 코드의 첫번째 index는 0 입니다 만약 덕자를 찾고싶으면 인덱스 번호 1번을 사용하면 됩니다

sutdents[1]  //"덕자"

만약 철수를 바꾸고 싶으면 어떻게 해야할까요?

students[2] = 무민  //"길동","덕자","무민"

변수에 재할당해 주듯이 사용하면 인덱스 2번에 값이 수정됩니다

배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있습니다

let arr= [
  "무민",         //문자
  3,	         //숫자
  false,         //불린
  {             //객체
  	name:moomin
    age:333
  },
  function(){  //함수
  }
];

위처럼 다양하게 넣을 수 있습니다

배열의 길이도 알아낼 수 있습니다 길이를 알아내는 방법은 length를 사용할 수 있습니다

students.length // ["길동","덕자","무민"] lenght = 3

배열에는 추가 삭제 등 다양한 매 서드들이 존재합니다

push

let days = ["월","화","수"];
dasy.push("목") // ["월","화","수","목"]

push는 배열 마지막에 추가합니다

pop

let days = ["월","화","수"];
days.pop() //["월","화"]

pop은 push와 반대로 배열 마지막을 제거 해줍니다

unshift

let days = ["월","화","수"];
dats.unshift("일") //["일","월","화","수"];
코드를 입력하세요

unshift는 배열 첫 번째에 추가합니다

shift()

let days = ["월","화","수"];
days.shift(); //["화","수"];

shift는 배열 첫 번째를 제거 해줍니다

push와 unshift는 여러 요소를 한번에 추가할 수 도있습니다

let days = ["월","화","수"];
push("목","금","토") //["월","화","수","목","금","토"]

배열을 쓰는 가장 큰 이유중 하나는 반복을 위해서입니다

let days = ["월","화","수"];
for(let index = 0; index < days.length; index++)	

배열의 index가 0부터 시작 하기 때문에 i = 0 을 할당해줍니다
i가 배열days의 길이 (3) 보다 클때 까지만
index를 1씩 증가 시켜줍니다

0개의 댓글