*🔐Study Keyword :

🔑 배열이 필요한 이유를 설명해보자

- 05. 배열

-WHAT IS❓

• 배열? 특정한 집한들을 일렬로 모아놓은 데이터들 즉 요소들을 모아놓은 집합을의미한다. 말 그대로 데이터들이 배열을 이루어서 나열이 되어있는 상태이다.

🔅요소 VS 인덱스?🔅)

• 요소란 배열에 들어있는 데이터 하나하나를 요소(elment)라고한다.
• 인덱스란 배열이 가진 순서(index) 이며 0부터 시작한다.

-HOW TO USE❕❓

• 배열에 요소에 접근할 때? 해당 배열 명과 대괄호 ,[]안에 접근하고자 하는 요소의 인덱스 번호를 넣어준다.
• 접근한 요소를 새로운 변수에 할당할 수도 있다.

<script>
let myArray = [26, 'jamie', false];
console.log(myArray) // [26, "jamie", false]
console.log(myArray[0]) // 26
let first = myArray[0] // 배열 인덱스를 이용해서 요소에 접근 한 뒤 새로운 변수에 할당
console.log(first) // 26
</script>

• 배열에 요소에 값을 변경할 땐? 배열 명[], 대괄안 안에 변경하고자 하는 요소의 인덱스 번호를 넣은 뒤 할당연산자, ('=')를 이용해 변경하고자하는 값을 할당한다.

<script>
let myArray = [26, 'jamie', false];
myArray[0] = 27; // 배열의 0번째 요소의 값을 27로 변경
console.log(myArray) // [27, "jamie", false]
</script>

• 배열에 길이를 얻어낼 땐? 해당 배열에 length 프로퍼티를 이용하다.
• 배열의 마지막 요소의 인덱스 번호? arr[arr.length-1](length - 1 = 배열의 마지막 요소의 인덱스 번호)를 활용하여 마지막 요소에 접근할 수가 있다.

<script>
let myArray = [26, 'jamie', false];
console.log(myArray.length) // 3, 배열의 길이
//배열의 길이와 인덱스를 이용해서 마지막 요소에 접근하기
console.log(myArray[myArray.length-1]) // false
//배열의 마지막 요소의 인덱스 번호 
console.log(myArray[2]) // arr.length - 1와 같은 값
</script>

• 배열의 마지막 인덱스에 요소를 추가하고자 할 땐?
  push 메소드에 추가하고자 하는 데이터 타입을 넣어준다.
• 배열의 마지막 인덱스에 요소를 삭제하고자 할 땐?
  pop 메소드를 사용하면 마지막 요소가 삭제된다.
• 배열의 첫 번째 인덱 스에 있는 요소를 삭제하고자 할 땐?
  shift 메소드를 사용하면 첫번 째 요소가 삭제된다.

<script>
//push 메소드, 배열의 마지막 요소에 값 추가
let myArray = [26, 'jamie', false];
myArray.push("banana")
console.log(myArray) // [27, "jamie", false, "banana"]
//pop 메소드, 배열의 마지막 요소에 값 삭제
myArray.pop()
console.log(myArray) // [27, "jamie", false]
//shift 메소드, 배열의 첫번 째 요소에 값 삭제
myArray.shift()
console.log(myArray) // ["jamie", false]
</script>

*💡conclusion

배열 익숙해지자아

#📑Study Source

1. weekcode 강의 중 내용