[TIL. 10]JavaScript - Method

신지원·2021년 2월 27일
0

JavaScript

목록 보기
1/5
post-thumbnail

Method?

객체 프로퍼티에 할당된 함수

  • .forEach()
    배열 원소들을 반복하면서 액션(함수)을 취한다. 가장 단순하다.
    단순하게 반복하는데 쓰인다. 내부 forEach는 return이 없다. 즉, callback 함수에 의해서 어떤 결과물을 내놓고 싶으면 함수 밖의 변수를 사용해야 한다.
    (단순 반복 값을 리턴하지 않기 때문에 그냥 정말 단순 반복에 쓰는데 내부에서 배열을 만드는 것도 가능은하다. 단, 배열 만들 때는 보통은 map을 사용한다.)

  • .map()
    같은 코드를 각 요소들 마다 실행하고, updated된 elemenet들로 새로운 배열을 return한다. 즉, 새로운 배열이 탄생한다.
    (배열 원소들을 반복하면서 값을 배열로 반환한다. 보통 배열 전체의 값을 변경할 때 사용한다.)

  • .filter ()
    조건을 만족하는지 배열에 있는 모든 요소들을 확인한다. 그리고 그 조건에 true 인 값들로 새로운 요소를 return 하여 새로운 배열이 탄생한다.. (false인 값들은 없앤다)
    (배열 값들 중에 의미 없는 값들을 버릴 때 사용한다. 그냥 필터 건다고 생각면 편하다.)

  • .findIndex()
    콜백 함수를 만족하는 배열의 첫번째 인덱스를 리턴한다. 만약 만족하는 요소가 없으면 -1을 리턴한다.

  • reduce
    배열 원소들을 반복하면서 값들을 조합(함수로)해서 특정 값을 만든다. 배열이 아니라 특정 값으로 반환된다.(물론 배열로 만들수도 있다.)
    (보통 배열값들을 이용해서 하나의 결과를 낼 때 사용한다. 모두 더한다던지 아니면 평균을 낸다던지.)

  • some
    배열 원소들을 반복하면서 특정 원소가 조건(함수)에서 true가 나온다면 즉시 반복을 종료하고 true를 반환한다. 아니면 false를 반환한다.
    (보통 배열에서 특정 값이 있는지 확인하려고 사용한다. 아니면 반복을 특정 상황에서 멈추는 for문을 만드려고 할 때 사용한다. 다른 반복들과 다르게 break가 가능하다.)

  • every
    배열 원소들을 반복하면서 모든 원소가 조건(함수)에서 true가 나온다면 true를 반환하고 하나라도 false가 나오면 반복을 멈추고 false를 반환한다.
    (배열이 모든 조건을 만족하는지 확인하려고 사용한다. every역시 some처럼 break가 가능은 한데 보통 그런 목적이면 some으로도 가능하다.)

  • Arr.slice(start[, end])
    배열 자체를 수정

    start: 추출 시작점에 대한 인덱스.
    undefined인 경우: 0부터 slice
    음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(-2)를 하면 배열의 마지막 2개의 요소를 추출한다.
    배열의 길이와 같거나 큰 수를 지정한 경우: 빈 배열을 반환한다.

    end: 추출을 종료할 기준 인덱스. (end를 제외하고 그 전까지의 요소만 추출한다.)
    지정하지 않을 경우: 배열의 끝까지 slice
    음수를 지정한 경우: 배열의 끝에서부터의 길이를 나타낸다. slice(2, -1)를 하면 세번째부터 끝에서 두번째 요소까지 추출
    배열의 길이와 같거나 큰 수를 지정한 경우: 배열의 끝까지 추출.

    반환값: 추출한 요소를 포함한 새로운 배열.

  • Arr.reverse()
    배열의 순서를 바꿔준다.

  • Arr.join()
    배열의 모든 요소들을 연결해 하나의 string으로 바꿔준다.

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"
  • Arr.split(',')
    String을 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다.
const str = 'The quick brown fox jumps over the lazy dog.';

const words = str.split(' ');
console.log(words[3]);
// expected output: "fox"

const chars = str.split('');
console.log(chars[8]);
// expected output: "k"

const strCopy = str.split();
console.log(strCopy);
// expected output: Array ["The quick brown fox jumps over the lazy dog."]

0개의 댓글