벌써 6일차이다. 어제의 더위를 씻을 수 있게 비가 내렸다. 그 덕에 습기가 올라서 어쩌피 에어컨 틀어야하는 건 함정. 비로 인해 온도가 적당히 내려갔으면 좋겠다. 적당한 온도는 공부에도 도움이 되니까. 오늘은 '배열 을 공부해보았다. 이번엔 개념공부여서 반복문을 들어가기전 쉬어가는 느낌으로 지나가겠다.
21/05/15 JavaScript 공부 정리
1. 배열
-
개념: 여러 개의 값을 모아놓은 것 또는 여러 개의 변수를 한번에 선언해 다룰 수 있는 자료형이며 배열 내부의 값을 '요소' 라고 한다.
-
기본형태
배열 내부의 요소는 어떠한 자료형도 가능하다.
//배열
[요소, 요소, 요소, 요소, ... , 요소]- 사용예시
const array = [0, 1, 2, 3, 4, 5]
// console 창에 앞전에 선언한 'array' 를 입력해보면
>array
(6) [0, 1, 2, 3, 4, 5]
// 앞의 ()의 숫자 6은 안의 요소의 개수, 뒤는 안의 요소들을 모두 출력한다.2. 배열 요소에 접근하는 법
- 기본형태
배열[인덱스]- 사용예시
const array = [0, 1, 2, 3, 4, 5]
//일단 배열을 하나 만들어줍니다. 위의 사용예시와 같은 배열을 사용하겠습니다.
array[0] //배열의 가장 첫번째 요소를 출력합니다.
>0
array[3]//배열의 4번째 요소를 출력합니다.
>3
array[1+4]//위의 예처럼 숫자가 아닌 연산이 들어갈 수 있습니다.
>5
array[1*3]//위의 예는 덧셈 연산자를 넣었지만 곱셈 연산자도 가능합니다.
>33. 배열 요소 개수 확인하는 법
- 기본형태
배열.length- 사용예시
const array = [0, 1, 2, 3, 4, 5]
//일단 배열을 하나 만들어줍니다. 위의 사용예시와 같은 배열을 사용하겠습니다.
array.length
>6 // array 배열 안의 요소의 숫자가 6개 이므로 6을 출력합니다.
array[array.lenth-1] //배열 안의 마지막 요소을 출력하는 법입니다.
>54. 배열에 뒷부분에 요소 추가하는 법
- 기본형태
push() 메소드를 사용하면 배열의 뒷부분에 요소를 추가한다.
배열.push(요소)- 사용예시
const array = [0, 1, 2, 3, 4, 5]
//일단 배열을 하나 만들어줍니다. 위의 사용예시와 같은 배열을 사용하겠습니다.
array.push(6) // 배열의 뒤에 요소 6을 추가해준다.
>7 // 요소가 추가되었으므로 배열 내 요소의 숫자가 6에서 7로 증가
array
>(7) [0, 1, 2, 3, 4, 5, 6]
//배열에 요소 6 이 추가된 것을 확인할 수 있다.5. 배열의 특정위치에 요소 추가하는 법
- 기본형태
배열.splice(인덱스, 0, 추가 할 요소)
//여기서 인덱스는 추가할 요소가 배열 내에 들어갈 위치를 말한다/.- 사용예시
const array = [0, 1, 3, 4, 5]
//일단 배열을 하나 만들어줍니다.
array.splice(2, 0, 2)
//요소 1과 3 사이에 2를 넣을 것이므로 인덱스 부분에 들어갈 위치 2 를 입력한다.
//그리고 추가할 요소 2를 뒤에 요소를 넣는 부분에 입력해준다.
array
>(6) [0, 1, 2, 3, 4, 5]
//array 를 console 창에 입력해 확인해본다면 요소가 추가된 것을 확인할 수 있다.6. 특정 값의 인덱스 추출하여 제거하기_
- 기본형태
배열에 요소가 많이 있을 때 요소의 위치를 특정하여 그 요소만 제거하는 형태이다.
const 인덱스 = 배열.indexOf(요소)
//배열에서 요소를 꺼내서 요소의 위치를 상수로 선언
배열.splice(인덱스, 1)
//위의 선언된 상수를 인덱스 부분에 넣어서 배열 내에 그 위치의 요소를 제거- 사용예시
const fruits = ['사과', '딸기', '바나나']
//배열을 하나 만들어줍니다.
const a = fruits.indexOf('바나나')
//'바나나' 요소의 위치를 찾아 상수 a 로 선언합니다.
a
>2 //a 를 입력하여 확인해보면 '바나나' 의 요소 위치 2가 a에 들어갔음을 확인한다.
fruits.splice(a, 1) // '바나나' 요소를 배열에서 제거를 한다.
>["바나나"] //위의 코드가 입력되면 옆과 같은 결과값이 나오는데 '바나나' 가 제거되었다는 것이다.
fruits // 배열 fruits 를 입력해 확인해보면 '바나나' 가 제거된 것을 확인할 수 있다.
>(2) ["사과", "딸기"]
soso