Javascript(3) - 배열

<배열>

-배열과 객체
-배열에 대하여
-Array.isArray()
-배열의 추가와 삭제
-배열의 indexof() 와 includes()
-arr.length === 0

-배열과 객체

배열은 순서가 있는 값입니다.
배열과 객체는 수 많은 데이터를 한 번에 처리할 수 있습니다.
(객체는 다음 블로그에서 정리하도록 하겠습니다.)
대규모 서비스에서 매번 새로운 변수를 선언한다면, 같은 일을 여러번 반복하게 됩니다.
한 번에 많은 데이터를 사용할 때, 배열이나 객체를 사용한다면 단 한 번의 선언으로 해결할 수 있습니다.
대량의 데이터를 다루기에 적합하게 제작된 데이터 타입인 배열과 객체를 참조 타입(reference type) 데이터라고 합니다.

-배열에 대하여

배열의 값은 요소(element)라 하고, 순서는 index라고 부르며 , 1이 아닌 0부터 번호를 매깁니다.
배열은 대괄호안에 쉼표로 구분함니다.

ex)
let myNum = [35, 24, 71, 55]

35 , 24 , 71 , 55 를 요소라하고 35를 0번째 index, 24를 1번째 index, 71을 2번째 index, 55를 3번째 index라고 할 수 있습니다.

배열안의 index에 해당하는 값을 조회 할 수 있고 배열안의 요소를 변경할 수도 있습니다. index를 벗어나면 undefined가 출력됩니다.

ex)
myNum[3]  //[]안의 해당 index의 요소의 값을 조회합니다.

myNum[3] = 80 //myNum의 3번째 index 요소인 55를 80으로 변경합니다.

-Array.isArray()

Array.isArray()는 배열이 들어가면 true값을 리턴합니다.

ex)
Array.isArray(문자열,숫자) // false를 리턴합니다.
Array.inArray(배열) // true를 리턴합니다.

-배열의 추가와 삭제

온점(.)을 이용해서 변수가 가지고 있는 속성에 접근할 수 있으며, 관련된 명령도 실행할 수 있습니다. 명령을 실행할때는 함수를 실행하듯 괄호를 열고 닫는 형태로 실행합니다.

• length : 배열의 길이를 알아낼 수 있습니다.

ex)
myNum.length

• push(추가할 값) : 가장 뒤에 요소를 추가할 수 있습니다.

ex)
let myNum = [35, 24, 71, 55]  //이 경우에 
myNum.push(22)  //push로 뒤에 요소를 추가한다면
myNum의 배열은 [35, 24, 71, 55, 22] //이렇게 됩니다.

• pop() : 가장 뒤의 요소를 삭제합니다.
  pop의 소괄호 안은 작성하지 않아도 됩니다.

ex)
let myNum = [35, 24, 71, 55]  //이 경우에 
myNum.pop()  //pop으로 가장 뒤의 요소를 삭제한다면
myNum의 배열은 [35, 24, 71] //이렇게 됩니다.

• unshift(추가할 값) : 가장 앞에 요소를 추가할 수 있습니다.

ex)
let myNum = [35, 24, 71, 55]  //이 경우에 
myNum.unshift(22)  //unshift로 가장 앞에 요소를 추가한다면
myNum의 배열은 [22, 35, 24, 71, 55] //이렇게 됩니다.

• shift() : 가장 앞에 있는 요소를 삭제합니다.
  shift의 소괄호 안은 작성하지 않아도 됩니다.

ex)
let myNum = [35, 24, 71, 55]  //이 경우에 
myNum.shift()  //unshift로 가장 앞에 요소를 삭제한다면
myNum의 배열은 [24, 71, 55] //이렇게 됩니다.

-배열의 indexof() 와 includes()

indexof() 는 배열 요소의 포함 여부를 확인합니다.

ex)
변수명.indexof('값') // 를 입력했을때 ()안의 값이 배열의 요소라면 ()값이 몇번째 index인지를 출력합니다.

이를 통해

변수명.indexof('값') !== -1 // true가 출력되었을때는 ()안의 값이 배열의 요소로 있는 값이라는 것을 알 수 있습니다.
변수명.indexof('값') !== -1 // false가 출력되었을때는 ()안의 값이 배열의 요소로 없는 값이라는 것을 알 수 있습니다.

includes() 는 배열의 요소가 소괄호 안에 있는지 없는지 존재여부만 알 수 있습니다.

 ex)
 변수명.includes('찾고자 하는 값')
 // ()에 찾고자 하는 값이 배열에 있으면 true, 없으면 false를 출력합니다.

-arr.length === 0

arr.length === 0 은 배열이 비었다는 것을 뜻합니다.