why
配列の操作が鈍ってきているので復習。
Filter -- 引数の条件での絞り込み。
動作
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);
このように、条件式を引数に持ってきて、配列からその条件で絞り込む。
プロダクトで使われそうな実例
https://blog.oliverjumpertz.dev/10-important-array-methods-in-javascript-explained
const customers = [
{
id: 1,
address: {
number: "1-1-1" ,
zipCode: "123-1111" ,
}
},
{
id: 2,
address: {
number: "2-2-2",
zipCode: "123-2222" ,
}
},
]
const getElibgleCustomers = (customers, zipCode) => {
return customers.filter(
(customer) => customer.address.zipCode === zipCode
);
}
const results = getElibgleCustomers(customers, "123-2222")
console.log(results);
// [ { id: 2, address: { number: '2-2-2', zipCode: '123-2222' } } ]
お客さんたちのデータと、絞り込むための条件をもってきて
絞り込んだ。
includes -- 引数の値での絞り込み。
const numbers = [1, 2, 3, 4, 5];
const includesFive = numbers.includes(5);
配列から引数の条件を含んでいるものだけを絞って返す。
reduce -- 引数の処理を Lisp 的に施す。
Lisp 的な処理。左からひとつひとつ 演算していく。
map -- 引数の関数を配列の要素ひとつひとつに施す。
配列の各自に対して、引数の関数の処理を行う。シンプル。
Top comments (0)