もうforループなんていらない!? その1 forEach, map, filter, find : JavaScriptの勉強を初めて1週間。 アウトプットすることで最速最短で最高のエンジニアになれると聞いて早速アウトプットしてみます! 今回は「forEach, map, filter, find」の4つについてまとめました。 forEach https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach 与えられた関数を、配列の各要素に対して1度ずつ実行する。 var animals = ["micropig", "lion", "dog"]; animals.forEach(function(animal){ console.log(animal); }); // //micropig //lion //dog // map https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/map 与えられた関数を配列の各要素に対して1度ずつ実行し、新しい配列を生成する。元の配列はそのまま。 var numbers = [1,3,5,7]; var doubled = numbers.map(function(number){ return number * 2; }); console.log(numbers); //[1,3,5,7] console.log(doubled); //[2,6,10,14] filter https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/filter 条件に合うものだけを抽出し、新しい配列を生成する。 var pigs = [ {name:"pig", weight: 300}, {name:...