배열이란?
배열이란 순서가 있는 데이터를 저장할 때 쓰는 자료구조이다. javascript에서의 배열은 일곱가지 원시자료형 중 하나인 객체형에 속해, 객체 처럼 동작한다.
학습목표
배열 기초
- 배열에서 사용되는 다음 용어에 대해 정확히 이해할 수 있다.
- index, element, length
- arr[0], push, pop, - 배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.
- 배열의 요소가 배열인 이중 배열을 이해할 수 있다.
- 이중 배열의 요소를 조회하거나 변경할 수 있다.
배열의 반복
- 배열의 요소를 반복적으로 불러오는 방법을 이해하고 사용할 수 있다.
- 배열의 각 요소에 대하여, 반복하는 코드를 실행시킬 수 있다.
- 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for문을 만들 수 있다.
- 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시킬 수 있다.
- 이중 반복문이 무엇인지 이해하고 활용할 수 있다. - 배열과 반복문을 활용하여 실생활에서 접할 수 있는 간단한 문제를 해결 할 수 있다.
- 문자열과 배열의 타입 변환을 돕는 메소드를 알고 있다.
- 띄어쓰기 (" ")로 문자열을 구분하여, 배열로 변경할 수 있다. str.split(" ").join(" ")
- 문자열을 요소로 가지는 배열을 띄어쓰기 (" ")로 구분한 문자열로 변 경할 수 있다.
배열 기초 메소드
- 배열 요소(element)를 조회, 추가, 삭제, 복사, 분리하는 법을 이해할 수 있다.
- unshift, shift, slice, length - 변수, 데이터, 또는 특정 값이 배열인지 아닌지 판별할 수 있다. Array.isArray
- 배열의 요소(element)를 추가 및 삭제할 수 있다. push, pop
- 변수, 데이터, 또는 특정 값이 배열에 포함되어 있는지 확인할 수 있다. indexOf, includes
이제부터 학습목표를 차근 차근 살펴 보자.
배열기초
let number = [1, 2, 3, 4, 5]; // 배열 작성법
//대괄호 안에 숫자 하나 하나를 요소(element)라고 한다.
number[2];//3이 출력된다.
//number에서 2번째 인덱스(index)값을 가져온다.
number[2] = 6; // [1,2,6,4,5] 가 출력된다.
//2번째 인덱스 값을 3--->6으로 바꾼다.
number.length //5가 출력된다.
//number의 길이가 출력된다.
number.push(6)//[1,2,3,4,5,6]가 출력된다.
//배열의 맨끝 요소가 추가된다.
number.pop//[1,2,3,4]가 출력된댜.
//배열의 맨끈 요소를 삭제한다.
number.shift//[2,3,4,5]가 출력된다.
//배열의 맨앞요소가 삭제된다.
number.unshift(0)//[0,1,2,3,4,5]
//배열의 맨앞요소가 추가된다.배열의 반복
배열은 반복문을 활용하여 많이 쓰인다.
예를 들어 number의 n번째 인덱스를 출력하라. 라는 문제를 만났을때
let number = [1, 2, 3, 4, 5]
for(let i = 0; i<number.length; i++){
//초기값 = 0번째 인덱스 부터 시작한다.
//조건문 = 해당 배열의 길이보다 작을 때까지 반복된다.
//증감문 = 1씩 증가한다.
console.log(number[i]);
}
배열의 인덱스의 합을 구하는 문제를 만났을땐!
let number = [1, 2, 3, 4, 5]
let sum = 0
for(let i = 0; i<number.length; i++){
sum = sum + number[i]
//0 + 1 sum + number[0]
//1 + 2 sum + number[1]
//3 + 3 sum + number[2]
//6 + 4 sum + number[3]
//10 + 5 sum + number[4]
//이렇게 반복문이 들어갈때마다 누적값을 sum에 할당하여 더해준다.
//그래서 최종 sum의 값은 15가 된다.
}배열 기초 메소드
배열을 확인하는 메소드
let number = [1, 2, 3, 4, 5]를 콘솔창에 typeof number을 치게 되면 'object'로 나오게 된다.
그래서 배열인지 객체인지 구분을 해야한다. 여기서 Array.isArray()라는 메소드를 쓸 수 있다.
Array.isArray라는 메소드는 배열인지 확인을 해주는 메소드이다. 만약 배열이면 true가 리턴되고 배열이 아닐경우 false값을 리턴해준다.
배열 요소 포함 여부를 확인하는 메소드
요소를 찾을땐 ---> .indexOf()
let number = [1, 2, 3, 4, 5]만약 number 이라는 배열이 있다고 가정하자.
number 이라는 배열에 3이라는 숫자가 포함되어 있는 알고싶을때?
number.indexof(3)//2가 출력된다.
//3이 들어가 해당 인덱스가 출력된다.
//만약 배열안에 해당 숫자가 없을 땐 -1이 출력된다.
number.indexof(3) !== -1// true가 출력된다.
number.indexof(6) !== -1// false가 출력된다.