Array.join() - IMMUTABLE

이 메서드는 모든 요소들을 모아서 하나의 문자열로 반환해 준다. 문자열 메서드 중 split의 정확히 반대 개념인 메소드이다.

(했던 것 같지만 다시..)

구문은 이렇다.

arr.join([separator])

• separator rator 배열의 각 요소를 구분할 문자열을 정한다. 이 구분자는 필요할 경우 문자열로의 반환이 가능하다. 생략한다면 쉼표, 빈 문자열이면 띄어쓰기 없이 전부 붙여져서 반환을 한다. let kit = 'a'; join(' ' + kit(매개변수)) 이런 식으로도 가능하다. 그렇게 된다면 ' 'a가 문자열 사이에 붙는다.

배열의 길이가 0이라면 빈 문자열을 반환한다.

let a = [1,2,3,4];
let b = 'korea';
a.join();
a = '1,2,3,4'
a.join('');
a = '1234'
a.join(' ' + b)
a = '1 korea2 korea 3 korea 4'

Array.find() - IMMUTABLE

이 메소드는 주어진 함수의 값을 통과하는 가장 첫 번째 요소를 반환하는 메서드이다. 그런 요소가 없다면 undefined를 반환한다.

찾을 요소의 값 대신 인덱스를 반환: findIndex()
배열의 요소 위치를 찾고 싶다면: indexOf()
배열 요소가 해당 배열에 존재하는지 알고 싶다면: includes()

구문은 이렇다.

• arr.find(callback[,thisArg])

콜백 함수는 element, index, array의 세 인자를 받는다.
thisArg는 콜백이 호출될 때 this로 사용할 객체를 설정한다.(옵션)

이 메서드는 함수가 true 값을 찾을 때까지 배열을 돌며, 없다면 undefined로 보내진다. empty인 요소도 순회를 하기 때문에 희소 배열인 경우, 값이 지정된 요소만 탐색하는 다른 메소드들에 비해 비효율적이긴 하다.

let a = [1, 2, 3, 4];
let b = a.find(x => x % 2 === 0);
b; // 2

function c (ele) {
  return ele > 2
}
let d = a.find(c);
d; // 3

//다른 예시 


let splatoonHatGear = [
  { color: 'red', type: 'fedora' },
  { color: 'blue', type: 'ballcap' },
  { color: 'white', type: 'bucket' }
  ]

function (item) {
  return item.type = 'bucket';
}

let result = splatoonHatGear.find(findBucket);

result; // { color: 'white', type: 'bucket' }