JavaScriptがよく使う遍歴配列の方法

2097 ワード

javascript

forEach()メソッド

配列内の各要素を巡回して、直接にコールバック関数で各要素を操作します.戻り値がありません.

let animals = ['dog', 'cat', 'pig'];
animals.forEach( item => {
    console.log(item);
});

filter()の方法

フィルタ配列の中のいくつかの要素は、コールバック関数で条件を設定します.満たされないものはフィルタリングされ、新しい配列を返します.

let animals = [
    {name: 'dog', age: 2}, 
    {name: 'cat', age: 5}, 
    {name: 'pig', age: 1}, 
    {name: 'peacock', age: 8}
];
let newAnimals = animals.filter( item => {
    //       3   
    return item.age > 3;
});

console.log(newAnimals);

map()メソッド

配列全体を巡回して、新しい配列を返します.新しい配列の要素が通る指定のコールバック関数の処理です.

let animals = [
    {name: 'dog', age: 2}, 
    {name: 'cat', age: 5}, 
    {name: 'pig', age: 1}, 
    {name: 'peacock', age: 8}
];
let newAnimals = animals.map( item => {
    //            ' '
    item.age = item.age + ' ';
    return item;
});

console.log(newAnimals);

everyメソッド

配列内の各要素に対して、この関数がfalseに戻るまで、コールバック関数を実行します.コールバック関数が各要素に対して実行したらtrueに戻ります.everyはtrueに戻ります.

let passed = [12, 5, 8, 130, 44];
let result = passed.every( item => {
    console.log(item);
    //   ：12
    //   ：5
    return (item >= 10);
});

console.log(result); //   ：false

passed = [12, 54, 18, 130, 44];
result = passed.every( item => {
    console.log(item);
    //   ：12
    //   ：54
    //   ：18
    //   ：130
    //   ：44
    return (item >= 10);
});

console.log(result); //   ：true

そして方法

配列内の各要素に対して、この関数がtrueに戻るまで、コールバック関数を実行します.コールバック関数が各要素に対して実行したらfalseに戻ります.そしてfalseに戻ります.

let passed = [2, 5, 8, 1, 4];
let result = passed.some( item => {
    console.log(item);
    //   ：2
    //   ：5
    //   ：8
    //   ：1
    //   ：4
    return (item >= 10);
});

console.log(result); //   ：false

passed = [12, 5, 8, 1, 4];
result = passed.some( item => {
    console.log(item);
    //   ：12
    return (item >= 10);
});

console.log(result); //   ：true

FLEXにはBMPタイプの画像が表示されます.