자바스크립트 配列によく使うめソdd
7052 단어 arrayjavascript
왜
配列の操作が鈍ってきているので復習.
필터 -- 引数の条件での絞り込み。
動作
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' } } ]
お客さんたちのデータと、絞り込むための条件をもってきて
絞り込んだ.
포함 -- 引数の値での絞り込み。
https://blog.oliverjumpertz.dev/10-important-array-methods-in-javascript-explained#heading-5-includes
const numbers = [1, 2, 3, 4, 5];
const includesFive = numbers.includes(5);
配列から引数の条件を含んでいるものだけを絞って返す.
줄이기 -- 引数の処理を Lisp 的に施す.
https://kei-s-lifehack.hatenablog.com/entry/2021/03/09/js_array_reduce%28func%2C_arg%29_%E3%81%AE%E7%AC%AC%E4%BA%8C%E5%BC%95%E6%95%B0%E3%81%8C%E3%81%82%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%A8%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AE%E5%87%A6
Lisp 的な処理.左からひとつひとつ 演算していく.
지도 -- 引数の関数を配列の要素ひとつひとつに施す.
https://www.w3schools.com/jsref/jsref_map.asp#:~:text=Definition%20and%20Usage,not%20change%20the%20original%20array .
配列の各自に対して、引数の関数の処理を行う.shinpl.
Reference
이 문제에 관하여(자바스크립트 配列によく使うめソdd), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/kaede_io/javascript-array-methods-olk
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);
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' } } ]
https://blog.oliverjumpertz.dev/10-important-array-methods-in-javascript-explained#heading-5-includes
const numbers = [1, 2, 3, 4, 5];
const includesFive = numbers.includes(5);
配列から引数の条件を含んでいるものだけを絞って返す.
줄이기 -- 引数の処理を Lisp 的に施す.
https://kei-s-lifehack.hatenablog.com/entry/2021/03/09/js_array_reduce%28func%2C_arg%29_%E3%81%AE%E7%AC%AC%E4%BA%8C%E5%BC%95%E6%95%B0%E3%81%8C%E3%81%82%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%A8%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AE%E5%87%A6
Lisp 的な処理.左からひとつひとつ 演算していく.
지도 -- 引数の関数を配列の要素ひとつひとつに施す.
https://www.w3schools.com/jsref/jsref_map.asp#:~:text=Definition%20and%20Usage,not%20change%20the%20original%20array .
配列の各自に対して、引数の関数の処理を行う.shinpl.
Reference
이 문제에 관하여(자바스크립트 配列によく使うめソdd), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/kaede_io/javascript-array-methods-olk
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
https://www.w3schools.com/jsref/jsref_map.asp#:~:text=Definition%20and%20Usage,not%20change%20the%20original%20array .
配列の各自に対して、引数の関数の処理を行う.shinpl.
Reference
이 문제에 관하여(자바스크립트 配列によく使うめソdd), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/kaede_io/javascript-array-methods-olk텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)