JS_배열(Array)

배열?

배열은 순서가 있는 값이다.

js에서는

[0,1,2,3,4,5]

이런식으로 되는데, [] ⬅️ 안에 있는 숫자들은 배열의 요소라고 한다.
그리고, 요소를 셀때 (i mean, count) 0이라는 숫자를 첫번째 요소라고 생각할수 있는데
0번째로 카운팅한다.

각 요소들의 순서들을 index라고 부른다.
[] 안에 있는 숫자들에서 0은 0번째 index라고 한다.
그러면 나머지 1,2,3,4는

1 === 1번째 index
2 === 2번째 index
....

아마 이해될것이다.

하나의 예시로

const number = [22,57,64,12,34,41];

배열을 하나의 변수로 만들어서
그 배열의 요소를 조회하려면

//배열의 1번째 index 조회하자!
console.log(number[1]) // 57;

이렇게 나올것이다.

메소드(method)가 있나?

배열에는 여러 메소드가 있다.

Array.prototype.push() === arr.push()
//배열 끝부분에 새로운 요소를 추가, 괄호안에는 추가하려는 요소를 입력
Array.prototype.pop() === arr.pop()
// 배열 끝부분을 빼는 메소드
Array.prototype.shift() === arr.shift()
// 배열의 0번째 인덱스를 빼는 메소드 
Array.prototype.unshift() === arr.unshift()
// 배열의 맨 앞에 요소에 새로운 요소를 추가하는 메소드 

이 외에도 여러 메소드들이 있는데 예제를 만들어서 풀어보겠다.

const array = ['hi','mynameis','what','myNameis','who','manameis','fricky' ,'dicky', 'Slim Shady']

// TMI: 작성자는 갑자기 eminem의 my name is 라는 곡이 생각났다. 

Array.prototype.slice() === arr.slice();

이 메소드는 배열의 요소를 얕은 복사본으로 새로운 배열 객체로 반환한다.
괄호 안에 시작점과 마지막점의 전 부분까지 보여주는데
저 위에 있는 배열에서 0번째 부터 2번째 인덱스까지 보겠다라고 한다면

console.log(array.slice(0,3)) // ['hi','mynameis','what']

3번째 인덱스는 'myNameis'라서 그 전까지 인덱스를 보는거니까 위에 처럼 나온다.

일단 배열에 관한 내용은 여기까지 정리하고

역시나 다른 메소드가 궁금할땐 MDN에서!