자바스크립트(Java Script) 14장 배열

14장 배열(Array)

 

: 순서가 있는 리스트

 

 

 

배열의 특징

1.
let army = ['권우', '재록', '민규', ... '아라'];



2.
console.log(army[0]); // 권우
console.log(army[1]); // 재록
console.log(army[19]); // 아라



3.
army[0] = '진호'; // 값의 변경

console.log(army); // ['진호', '재록' ....]

1.

배열은 위와 같이 '[   ]' 로 감싸는 형태이고 각각 index(순서대로 번호)를 붙인다.

권우는 0번 / 재록이는 1번 / 민규는 2번 /... / 아라는 19번 이런 식으로.

 

2.

각 index별로 확인을 했을 때 나오는 값.

 

3.

index를 사용하여 정보 변경이 가능하다.

0번을 진호로 변경 후 확인해보면 진호로 값이 바뀐 것을 확인 할 수 있다.

 

 

 

4.
let baeyul = [
   '진호',
   3,
   false,
   {
      name : 'Jack',
      age : 30,
   },
   function(){
      console.log('baeyul'}
   }
 ];
 
 

5. length : 배열의 길이. 배열이 가지고 있는 요소의 갯수
army.length // 20 



6. push() : 배열 끝에 추가가 된다.
let army = ['진호','재록'];
army.push('민규')
console.log(army) // ['진호','재록','민규'] 



7. pop() : 배열 끝에 있는 데이터 제거
let army = ['진호','재록','민규'];
army.pop('민규')
console.log(army) // ['진호','재록']

4.

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

 

5. / 6. / 7.

위의 설명 참고

 

 

 

8. shift, unshift : 배열 앞에 제거/추가 
   여러 데이터를 한번에 넣고 뺄 수도 있다.
   

추가
army.unshift('권우');
console.log(army) // ['권우','진호','재록','민규']


제거
army.shift('권우');
console.log(army) // ['진호','재록','민규']



9. for 반복문

let army = ['진호','재록','민규'];

for(let index = 0; index<army.length; index++){
   console.log(army[index]);
}



10. for ... of 반복문

let army = ['진호','재록','민규'];

for(let member of army){
   console.log(member);
}

8. / 9.

위의 설명 참고

 

10.

for ... in 과 혼동하지 말 것.

배열도 객체이기 때문에 for ... in을 사용할 수도 있지만

단점이 더 많기에 사용하지 말라고 한다.

 

 

 

※참고 : for... in 설명

https://0rcticfox.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8Java-Script-12%EC%9E%A5-%EA%B0%9D%EC%B2%B4