자바스크립트(java script) 배열(Array) 정리(1) 배열의 순서,요소,pop,push,shift,unshift

배열(Array)

 

간단하게 "순서가 있는 값"을 말합니다.

let arr =[ 1, 45, 3, 8, 7 ];

위에 보이는 간단한 식처럼 배열은 대괄호로 나타내며 쉼표를 사용하여 요소를 나눕니다.

 

 

순서 index,

요소 element

//배열 : 순서가 있는 리스트
 
30명이 있는 한반의 아이들에게 출석 번호를 부여하는 것처럼 부여한다면 이렇게 될 것이다.
let stdents = ['철수', '영희', ...'영수'];
대괄호로 묶어주고, 쉼표로 나눠준다.
 
 
배열을 탐색할 때는 인덱스로 고유번호를 사용한다.
index는 항상 0부터 시작한다.
 
console.log(students[0]);  //철수
console.log(students[1]);  //영희
console.log(students[30]);  //영수
 
이렇게 수정도 가능하다
students[0] = '민정';
 
console.log(students);  //['민정', '영희', ...'영수'];
 
배열의 특징 
배열은 문자 뿐만 아니라, 숫자, 객체,함수 등도 포함할 수 있다.
 
let arr = [
    '민수',
    3,
    false,
    {
      name : 'Mike',
      age : 30
    },
    function() {
      console.log('test');
    }
];
 
length: 배열의 길이를 구할 수 있다.
 
students.length //30
 
배열은 method를 가지고 있다.
 
1) push() : 배열 끝에 추가
 
let days = ['월','화', '수', '목'];
days.push('금');
console.log(days) //['월','화', '수', '목', '금'];
 
 
2) pop() : 배열의 끝으 제거
 
days.pop();
console.log(days) //['월','화', '수', '목'] 
 
3) shift, unshift 배열의 앞에 제거/추가
 
추가-unshift
let days = ['월','화', '수', '목'];
days.unshift('일')
console.log(days) //['일', '월','화', '수', '목'] 
 
제거-shift 
days.unshift()
console.log(days) //['월','화', '수', '목'] 
 
여기서 push와 unshift는 여러 요소를 한번에 추가할 수 있다.
 
 
 
반복문: for
배열의 길이를 알기에 for문을 쓸수있다.
let days = ['월','화', '수', '목'];
 
for(let i = 0; i < days.length; i++) {
    console.log(days[index])   //0-3까지 반복한다.
}
// i는 0부터 시작하고 days의 길이만큼 반복한다.
 
 
반복문 for ... of
 
let days = ['월','화', '수', '목'];
 
for(let day of days) {
    console.log(day) 
}
 
배열 days를 돌면서 요소 day에 접근할 수 있다.
for문 보다 간단하지만 index를 얻지 못하는 단점이 있다.
days.push(<span