티스토리 뷰

JavaScript

arr 메소드

Aairon 2018. 10. 22. 17:51
반응형

Array.isArray(obj)

- 배열인지 아닌지 확인후 true/false 리턴


arr.forEach(callback function)  //for문과 비슷

arr.forEach(function callback(currentValue[, index[, array]])

- 배열 요소마다 한번씩 주어진 함수를 실행


  var array1 = ['a', 'b', 'c'];


  array1.forEach(function(element) {

    console.log(element);

  });


  // expected output: "a"

  // expected output: "b"

  // expected output: "c"

 


arr.map(callback function)

- 콜백 함수 리턴 시 리턴값을 모은 새로운 배열을 리턴함

- 콜백 함수 내에서 리턴이 반드시 필요

- 기존배열과 길이가 같고 형대가 다른 새로운 배열을 만들 때 유용

 

  [1, 2, 3].map(function(currentElement, index, array){

    return currentElement *2 ;

  });


  // [2, 4, 6]



arr.filter(callback function)

- 조건을 넣어서 그 조건을 통과한 element들을 담은 새로운 배열


  [1, 3, 5].filter(function(currentElement, index, array){

    return cuurentElemnet > 2;

  });


 // [ 3, 5 ]

 


arr.splice( start, [ deleteCount, [ item ... )

- start와 deleteCount 입력시 start부터 deleteCount 갯수 만큼 삭제

- strat 입력후 deleteCount는 0, item 입력시 start 부분에 item 삽입

- 배열의 내용을 추가, 삭제

- 원본이 바뀜


  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"]

 


arr.slice( [ begin [, end ]] )

- begin 부터 end까지 새로운 배열을 리턴

- end를 쓰지 않을 시 배열의 끝까지 리턴

- start를 쓰지 않을 시 처음부터 끝까지 리턴


arr.reduce( callback [, initialValue ] )

- 모든 element의 계산을 누적해 하나의 결과를 리턴할 때 유용


- initialValue를 넣었을 때


arr.join( [separator = ','] )

- separator가 없으면 ','가 기본값

- separator를 넣어서 배열을 합친 후 문자열로 리턴


arr.indexOf( searchElement )

- arr에서 searchElement의 인덱스를 리턴

- 없을 경우 -1을 리턴


arr.includes( searchElement )

- arr에 searchElement가 있을 경우 true 없을 경우 false를 리턴


arr.find( function )

- arr에 function에 만족하는 첫번째 element를 리턴


  var array1 = [5, 12, 8, 130, 44];


  var found = array1.find(function(element) {

    return element > 10;

  });


  console.log(found);

  // expected output: 12

 


arr1.concat(arr2)

- arr1과 arr2를 합친 배열을 리턴


arr.every( function )

- function의 조건을 모두 만족하면 true 리턴


arr.some( function )

- function의 조건을 하나라도 만족하면 true 리턴


 arr.fill( value [, start [, end ]]

- value의 값으로 배열의 값을 다 바꿈

- start 입력시 start 인덱스 부터 바꿈

- end 입력시 end인덱스 전까지 바꿈

[1, 2, 3].fill(4)               // [4, 4, 4]
[1, 2, 3].fill(4, 1)            // [1, 4, 4]
[1, 2, 3].fill(4, 1, 2)         // [1, 4, 3]
[1, 2, 3].fill(4, 1, 1)         // [1, 2, 3]
[1, 2, 3].fill(4, -3, -2)       // [4, 2, 3]
[1, 2, 3].fill(4, NaN, NaN)     // [1, 2, 3]
[].fill.call({ length: 3 }, 4)  // {0: 4, 1: 4, 2: 4, length: 3}

arr.reverse( ) 

- arr의 순서를 반대로 바꿈


arr.sort( )

- arr을 정렬하는 함수

반응형

'JavaScript' 카테고리의 다른 글

JS prototype /create  (0) 2019.02.14
Debug  (0) 2018.10.24
string / number 메소드  (0) 2018.10.22
배열 자료구조 메소드  (0) 2018.10.22
변수의 값 복사 / 참조  (0) 2018.10.22
댓글