Underscore #3

👨🏻‍💻 UnderScore

indongyoo 님의 블로그를 보면서 연습해보자!
메소드만 봐서는 어차피 머리에 들어오지 않는다!!!🤦🏻‍🤦🏻‍🤦🏻‍
어차피 원래 있던 메소드들을 활용하므로 의미는 감이 오니까...?!

---

_.each

뭔가 forEach와 매우 비슷하게 생겼다.

const _ = require('underscore');

// _.each : each와 비슷하게 동작하지만 조금 다르다.
_.each([1,2,3], (val, i, list) => {
    console.log(val, i, list);
});
// 1 0 [ 1, 2, 3 ]
// 2 1 [ 1, 2, 3 ]
// 3 2 [ 1, 2, 3 ]

// _.each와 forEach의 차이점
// 1. forEach의 리턴값은 undefiend이다.
let res = [1,2,3].forEach((val, i, list) => (val, i, list));
console.log(res); // undefined

// 2. 객체에도 사용 가능하다.
_.each({a: 1, b: 2}, (val, key, obj) => console.log(val, key, obj));
// 1 'a' { a: 1, b: 2 }
// 2 'b' { a: 1, b: 2 }

---

.reject, .contains, _.isArray

• _.reject : filter와 비슷한 동작을 한다. 하지만 역시 immutable!
• _.contains : 의미 그대로 포함하면 true
• _.isArray : 배열이면 true

const list = [1, 2, 3, 4, 5];
console.log(_.reject(list, (num) => num % 2 === 0)); // [ 1, 3, 5 ]
console.log(_.contains([1, 2, 3], 3));  // true
console.log(_.isArray([1, 2, 3]))       // true

---

_.pluck

아래처럼 배열 내부의 값들이 key/value 쌍으로 구성된 객체일 때 사용한다.
두 번째 인자의 key값으로 접근하여 value들을 배열로 리턴한다.

const brand = [
  { id: 1, name: "LMC"},
  { id: 2, name: "AderError"},
  { id: 3, name: "Covernat"},
  { id: 4, name: "Apple"},
  { id: 5, name: "Supreme"},
  { id: 6, name: "Nike"},
  { id: 7, name: "Liful"}];
console.log(_.pluck(brand, 'name')); 
// [ 'LMC', 'AderError', 'Covernat', 'Apple', 'Supreme', 'Nike', 'Liful' ]

---

_.negate

받아둔 함수를 실행하여 나온 결과를 반대로 바꾸는 함수이다.
결과만 뒤집는 것이 아니라 함수를 실행한 후의 결과를 뒤집는 것이다.

const isZero = (n) => n === 0;
console.log(isZero(0));
// true
const isNotZero = _.negate(isZero);
console.log(isNotZero(0));
// false

---

_.noop

undefined만 리턴하는 함수...!

console.log(_.noop());
console.log(_.noop(100));
console.log(_.noop([],[]));

---

🛠Chaining

체이닝으로 사용해 봅시다...😆
_.chain을 사용하면 마지막 .value()를 사용하기 전까지 메소드를 계속 실행할 수 있다.

// functional
const arr = _.filter(
    _.map([1,2,3], n => n * 2), n => n <= 4
);
console.log(arr) // [ 2, 4 ]

// Chaining
const arr2 = _.chain([1, 2, 3])
.map(n => n * 2)
.filter(n => n <= 4)
.value();
console.log(arr2) // [ 2, 4 ]