익명의 개발노트

[배열] 내장 메서드 본문

프로그래밍/javascript

[배열] 내장 메서드

캡틴.JS 2019. 2. 19. 23:19
반응형

배열 문법은 상당히 많이 있다.

(immutable) : 원본이 변하지 않음.

(mutable) : 원본이 변함


1. concat() : 배열간에 연결하려면 concat() 사용. arr1.concat(arr2);


2. every() / some() : every는 조건에 만족하면 무조건 트루, some은 반대


3. fill()  : 하나의 값으로 채우는거(채울꺼, 인덱스시작위치, 인덱스어디까지/기본이 this.length)


4. shift() : 배열 맨 앞에꺼 제거 (mutable)


5. unshift() : 배열 맨 앞에 집어넣기


6. reverse() : 역으로 정렬


7. sort()  : 정렬


8. isArray : 검사할 객체 넣어주면 됨.


9. forEach : 리턴값 필요없음, 알아서 리턴 (immutable)


10. map : 리턴해줘야함.  map(function (현재 element, index, 원본 배열)); (immutable)


11. filter : 리턴필요. filter(현재 element, index, 원본배열)); (immutable)


12. push() : 배열 맨 뒤부터 채워넣기  (mutable)


13. pop() : 배열 맨 뒤에꺼 삭제  (mutable)


14. slice()  : 배열 원하는 만큼 자르고 return으로 자른거 복사. (시작index, 끝index(immutable)

     * 시작 index >= 끝 index 면 [ ]; , slice()하면 전부 복사

     * slice(2) 하나만쓰면 인덱스 2번 뒤로 다 슬라이스. 


     var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];


console.log(animals.slice(2)); //camel 뒤로 전부 복사 새로운 배열로 리턴.

// ["camel", "duck", "elephant"] console.log(animals.slice(2, 4));

// ["camel", "duck"]


15. splice : 배열 내용 추가 삭제할떄 사용, 리턴으로 새로운 배열 받을때 씀. (mutable)


 arguments: 

   1) 처음 index 또는 

   2) (삭제시) 삭제할 element의 갯수

   3) (추가시) 배열에 추가할 element (여러 개 가능)


 return value: 새로운 배열 객체 반환

 배열의 내용을 추가/삭제할 때 사용


 var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];


myFish.splice(2, 0, 'drum'); // 'drum'을 두번째 인덱스에 삽입


// ["angel", "clown", "drum", "mandarin", "sturgeon"]


myFish.splice(2, 1); // 두번째 인덱스에서 하나의 항목('drum')을 삭제


// ["angel", "clown", "mandarin", "sturgeon"]



16. reduce : 배열값을 단일 값으로 추출하고자 할때 주로 사용. (immutable)

(배열안의 요소들을 하나의 값으로 계산할때)


reduce(function(accumulator,currentValue,currentIndex,array)



var numbers = [1, 2, 3, 4,5, 6]; 

var reduction = numbers.reduce(function(memo, x) {

      console.log("memo = " +memo);

  console.log("x = " +x);  

      return memo + x;

    }, 2);

 

console.log("reduction= "+reduction);

값의 변화가 어떻게 이루어 지는지 보자.

=> memo = 2 

=> x = 1

=> memo = 3

=> x = 2

=> memo = 5

=> x = 3

=> memo = 8

=> x = 4

=> memo = 12

=> x = 5

=> memo = 17

=> x = 6

=> reduction= 23





17. join() : 배열 내부 인자들을 연결자로 연결해주는 것. 문자열임. (immutable)


18. indexOf / includes / find : 배열내에서 처음 값 찾을때 사용. (immutable)

반응형

'프로그래밍 > javascript' 카테고리의 다른 글

this  (0) 2019.02.26
Closure  (0) 2019.02.26
Scope  (0) 2019.02.26
[디버깅] 크롬을 활용한 디버깅하는 법  (0) 2019.02.22
[변수] 타입  (0) 2019.02.19
Comments