js - Array

Array

우선 배열(array)은 같은 타입의 변수들로 이루어진 유한 집합으로 정의되고 배열을 구성하는 값을 배열요소(element), 배열에서의 위치를 가리키는 인덱스(index)를 가진다.

Array객체는 배열의 프로토타입으로 탐색과 변형 작업을 수행하는 메서드를 갖는, 리스트와 비슷한 객체이다 특히 JavaScript에서 배열의 길이와 요소의 자료형은 고정되어 있지 않다. 배열의 길이가 언제든지 늘어나거나 줄어들 수 있기 때문에 JavaScript 배열들은 밀집도가 보장되지 않는다.

그렇기 때문에 흔히 Array 생성, element 수정, element 삭제 등의 작업을 위해 반복문, Array객체 내부 메서드를 사용하는데 있어 주의가 필요하다.

여기서는 Array객체가 소유한 메서드를 사용하는데 있어 주의점을 찾아볼 생각이다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

Array - JavaScript | MDN

• .at()

    arr.at(index)

    [ 기존배열을 변경하지 않습니다. ] 


    -   반환 할 배열 요소의 인덱스 (위치)입니다. 음수 인덱스를 전달할 때 배열 끝에서 상대 인덱싱을 지원합니다.
        즉, 음수가 사용 된 경우 반환 된 요소는 배열의 끝부터 다시 계산하여 찾습니다.
    
       - index   
            처리할 요소의 인덱스

      
    -   주어진 인덱스와 일치하는 배열의 요소입니다. undefined지정된 인덱스를 찾을 수없는 경우 반환 합니다.

• .concat()

    array.concat([value1[, value2[, ...[, valueN]]]])

•  
• .entries()
• .every()
• .fill()

    arr.fill(value)
	.fill(value, start)
	.fill(value, start, end)

   

    -   메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.
    -   각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버립니다. 
        다음 세 가지 매개변수를 받습니다

        - value 
            처리할 요소

        - start ( option )    
            시작 인덱스 : 기본값 0

        - end    ( option )
            끝 인덱스   : 기본값 arr.length

    -    value로 채워진 수정 된 배열입니다

• .fillter()

    arr.filter(callback(element[, index[, array]])[, thisArg])

    [ 기존배열을 변경하지 않습니다. ]  [ 추가된 새로운 배열을 반환합니다. ]


    -   메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.
    -   각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버립니다. 
        다음 세 가지 매개변수를 받습니다

        - element 
            처리할 요소

        - index ( option )    
            처리할 요소의 인덱스

        - array ( option )
            filter를 호출할 배열 ( filter 메소드를 적용하고 있는 배열 )

    -   테스트를 통과한 요소로 이루어진 새로운 배열. 어떤 요소도 테스트를 통과하지 못했으면 빈 배열을 반환합니다.

• .find()
• .findIndex()
• .from()
• .includes()
• .indexOf()
• .isArray()
• .join()

    arr.filter(callback(element[, index[, array]])[, thisArg])

    [ 기존배열을 변경하지 않습니다. ]  [ 추가된 새로운 배열을 반환합니다. ]


    -   메서드는 어떤 배열의 begin부터end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 

        - bigin 
            처리할 요소

        - end ( option )    
            처리할 요소의 인덱스

        - array ( option )
            filter를 호출할 배열 ( filter 메소드를 적용하고 있는 배열 )

    -   테스트를 통과한 요소로 이루어진 새로운 배열. 어떤 요소도 테스트를 통과하지 못했으면 빈 배열을 반환합니다.

• .map()
• .of()
• .pop()
• .push()
• .reduce()
• .reverse()
• .shift()
• .unshift()
• .slice()

    arr.slice( bigin , end ) 

    [ 기존배열을 변경하지 않습니다. ]  [ 추가된 새로운 배열을 반환합니다. ]


    -   메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.
    -   각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버립니다. 
        다음 세 가지 매개변수를 받습니다

        - begin ( optionalend )
            begin 이 undefined 인 경우에는 ,0번 인덱스부터 slice 합니다. 
            begin 이 배열의 길이보다 큰 경우에는, 빈 배열을 반환합니다. 


        - end ( option )    
             end 인덱스를 제외하고 추출
             end 인덱스가 undefined 인 경우에는 배열의 끝까지 반환 합니다.



    -   테스트를 통과한 요소로 이루어진 새로운 배열. 어떤 요소도 테스트를 통과하지 못했으면 빈 배열을 반환합니다.

-   매개 변수  
    \- 
    \- `
    \-

• - 메서드는 어떤 배열의begin부터end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.
• .some()
• .sort()
• .splice()
• .toSource()
• .toString()
• .values()