말그대로 여러 자료를 나열한 것이라고 보면 됨. 배열은 요소(Element)로 구성되어 있음.
인덱스는 0부터 시작
인덱스로 연산도 가능
const array1 = [273, "문자열", true, [27, 35], {}, "fun"]
ex) JSON 파일
,
const str = "안녕하세요"
console.log(str.length) //5
인덱스의 시작은 항상 0
length
는 길이를 말한다.<script>
const array1 = [273, 56, 25, 278, 365]
console.log(array1[1]) //56
</script>
for(초기값; 조건식; 증감식){
실행문
}
for (let i=0; i < 100; i++){
console.log(i); // 0 ~ 99 까지 출력
}
<script>
const fsk = ['사과', '딸기', '수박', '참외']
for (let i = 0; i < fsk.length; i++) {
console.log(`${i + 1}번째 과일은 ${fsk[i]}`); //1번째 과일은 사과 ~ 4번째 과일은 참외 순으로 출력됨
}
</script>
for(const i in fask(배열객체) ){
실행문
}
<script>
const fruits =["사과","딸기","수박","참외"]
for(const i in fruits){
console.log(`${i}번째 인덱스의 과일은 ${fruits[i]}`)
}
// 마지막에 배열로 작성하였다.
// for_in은 index(0,1,2)를 가져온다.
</script>
for(const abc of fask(배열객체)) {
실행문(배열 하나씩)
}
const fruits =["사과","딸기","수박","참외"]
let a = 0
for(const frk of fruits){
console.log(`${a}번째 인덱스의 과일은 ${frk}`)
a++;
}
배열의 앞부분에 자료를 추가하는 메서드
const arr = ['나','다','라','마']
arr.unshift('가'); //['가', '나', '다', '라', '마']
배열의 앞부분에 자료를 삭제하는 메서드
const arr = ['나','다','라','마']
arr.shift('가'); // ['다', '라', '마']
배열의 뒷부분에 자료를 추가하는 메서드
const arr = ['나','다','라','마']
arr.push('바'); // ['나', '다', '라', '마', '바']
배열의 뒷부분에 자료를 추가하는 메서드
const arr = ['나','다','라','마']
arr.pop(); // ['나', '다', '라']
배열의 요소를 빼거나, 빼지 않더라도 또 다른 요소를 지정한 인덱스 앞에 추가할 수 있는 메서드
const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb'); //["Jan", "Feb", "March", "April", "June"]
months.splice(4, 1, 'May'); //["Jan", "Feb", "March", "April", "May"]
배열의 요소 특정 부분을 빼내서 복사본을 출력할 때, 사용하는 메서드
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// expected output: Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice());
// expected output: Array ["ant", "bison", "camel", "duck", "elephant"]
배열의 해당 요소가 몇번째 인덱스에 있는지 확인하기 위한 메서드 ( 없으면 -1 출력 )
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison'));
// expected output: 1
// start from index 2
console.log(beasts.indexOf('bison', 2));
// expected output: 4 (2번째 인덱스 부터 'bison' 요소의 인덱스를 구함
console.log(beasts.indexOf('giraffe'));
// expected output: -1