S1. 배열

노션으로 보기

배열(array)

---

: 순서(인덱스, 0부터)가 있는 값(=요소, element)

let 배열이름 = [x, y, z]

배열 조회 : **배열이름[z] → myNumber[3] //61**

배열 안에 배열의 인덱스에 접근하려면(2차원 배열) : 배열이름[z][z배열의 x번째 인덱스]

   Ex. myNumber[[12,3], [34,23], [21,49]] **→ myNumber[1] :** [34,23]

                                                                       **→ `myNumber[1][0]` :** 34

배열 변경: **배열이름[z] = 바꾸려는 값 → myNumber[3] = 200 //61 → 200**

배열의 길이 : 배열이름.length

console.table(배열)

배열의 추가와 삭제

---

⚡ **온점(.)을 이용해 관련 명령(Method) 실행**

→ 함수를 실행하듯 괄호를 열고 닫는 형태로 실행

let myNuber = ['해', '달', '별']

---

1️⃣ **배열에 맨 첫번째 요소 추가/삭제**

추가 : **배열.unshift(추가할 값)**

myNumber.unshift(’하늘’)

→ myNumber = [’하늘’, '해', '달', '별']

삭제 : 배열.shift()

myNumber.shift()

→ myNumber = ['달', '별']

2️⃣ **배열에 맨 끝 요소 추가/삭제**

추가 : **배열.push(추가할 값)**

myNumber.push(’구름’)

→ myNumber = ['해', '달', '별', ‘구름’]

삭제 : 배열.pop()

myNumber.push()

→ myNumber = ['해', '달']

배열과 반복문의 조합

---

예시

• 배열 : let myNum = [73, 98, 86, 61]
• 반복문 : 배열 myNum의 n번째 인덱스를 출력

for(let n = 0; n < myNum.length; n++) {
console.log(myNum[n];

임의의 값의 타입을 확인

---

typeof() : 타입을 확인

→ ‘number’ ‘string’ ‘boolean’ ‘object’ ‘array’

• typeof() 의 문제점

   tyeof([1,2,3]) //obj(객체)로 확인된다.

배열의 확인

---

1️⃣ **배열인지 아닌지 판별 :** **`Array.isArray()`**

※ .isArray는 매소트(명령)이다

let words = ['해','달','별']

Array.isArray('문자열')  //false
Array.isArray(123)     //false
Array.isArray(words)   //true
Array.isArray([1,2,3]) //true
Array.isArray([])      //true

2️⃣ **배열 값의 인덱스 확인 :** **`Array.indexOf()`**

※ 인덱스 = 순서를 말한다.

let words = ['해','달','별']

word.indexOf('해'); // 0
word.indexOf('달'); // 1
word.indexOf('별'); // 2
word.indexOf('구름'); // -1  -> 없는 단어는 음수(-1)가 출력

3️⃣ **배열값의 존재 확인 :** **`Array.indexOf()` / `Array.includes()`**

Array.indexOf()

1. 단순 확인

```jsx
//특정값이 배열에 있는지 확인하고 싶다면
word.indexOf('해') !== -1  //true 있다.
word.indexOf('구름') !== -1 //false 없다.
```

1. 함수화

   let words = ['해','달','별']
   
   function hasElement(arr, element) {
   let isPresent = arr.indexOf(element) !== -1;
   return isPresent;
   }
   
   hasElement(words, '해')  //true
   hasElement(words, '구름') //false

Array.includes()

word.includes('해')  //true
word.includes('구름') //true