Javascript配列の処理(filter、map、each)

Javascriptで非常に有用な配列関数です.
初めて触れた時は、使い方が難しそうで複雑そうでしたが、本当に気持ちよかったです.
[map]
mapは言ったように写ると便利です味によって配列の要素を変えることができます.
アレイ内を循環します.
簡単な例は、1〜10の配列と1を加えたコードである.
しかしarr変数は変わらないので注意してください.

let arr [1,2,3,4,5,6,7,8,9,10];
arr.map(item = > item+1);

/////

arr.map( => _+1)
// (10) [2,3,4,5,6,7,8,9,10,11]
arr
(10) [1,2,3,4,5,6,7,8,9,10]

さらに複雑な場合は、各要素を含むインデックスをインポートすることもできます.単純な演算だけでなく、他の形式に変換することもできます.以下では、jsonフォーマットに変換します.

arr.map((item,index)=>{
	return { 
			"number" : item,
			"idx" : index
		}
});
 (10) [{...},{...},{...},{...},{...},{...},{...},{...},{...},]

→ 0 {number: 1 , index :0}
→ 1 {number: 2 , index :1}
→ 2 {number: 3 , index :2}
→ 3 {number: 4 , index :3}
→ 4 {number: 5 , index :4}
→ 5 {number: 6 , index :5}
→ 6 {number: 7 , index :6}
→ 7 {number: 8 , index :7}
→ 8 {number: 9 , index :8}
→ 9 {number: 1 , index :9}
length: 10

[filter]
名前の通り、これはフィルタ関数です.結果がtrueの場合、要素は生存します.

arr.filter(item => item > 5);

結果
arr.filter(item => item>5);
→ (5) [6,7,8,9,10]
より複雑な数だけを探して3に分ける場合はinlineを使用できますが、if文を使用してみます.

arr.filter(item=>{
		if(item%3 ===0 )
		return true;
});

結果(3)[3,6,9]
[every()]
.each()は、配列内のすべての要素が条件に合致しているかどうかを確認する方法です.すべての要素が条件を満たしている場合はtrueを返し、1つの要素が満たされていない場合はfalseを返します.
var jbary1 = [1,2,3,4,];
jbAry1.every(function(x) { return x<5}) :true
jbAry1.every(function(x) { return x<4}) : false
var jbAry2 = [];
jbAry2.every(function(x){return x > 4}) : true
※map
mapは言ったように写ると便利です味によって配列の要素を変えることができます.
※filter
名前の通り、これはフィルタ関数です.結果がtrueの場合、要素は生存します.
※every()
.each()は、配列内のすべての要素が条件に合致しているかどうかを確認する方法です.すべての要素が条件を満たしている場合はtrueを返し、1つの要素が満たされていない場合はfalseを返します.