javascript 配列

配列基本操作(javascript)

push

• 最後の要素に追加する

const fruits = [ "apple" , "orange" ];
// fruits = [ "apple" , "orange" ]
fruits.push( "grape" );
// fruits = [ "apple" , "orange" , "grape" ]

forEach

• 配列の各要素を引数にして関数を呼び出す
• 今回の例ではアロー関数を用いている.

const fruits = [ "apple" , "orange" ];
fruits.forEach((fruit) => {
    console.log(fruit);
})

//出力
//apple orange

find

• 配列中の条件を満たす最初の一つを取り出す.
• 今回の例では最初の5の倍数を返している.
• return の後が条件になる.
• 一つしか値を取り出すことが出来ない.

const numbers = [ 2 , 3 , 5 , 7 , 15];
const foundNumber = numbers.find( (number) =>{
     return number % 5 === 0;
}
// foundNumber : 5

filter

• 配列の中から条件を満たす要素のみを取り出し新たな配列を作る

const numbers = [ 2 , 4 , 5 , 6 , 9 , 11 , 32 , 57]
const oddNumbers = numbers.filter( (number) => {
     return number % 2 === 1;
});
// oddNumbers : [ 5 , 9 , 11 , 57 ]

map

• 配列の全ての要素に対して同じ処理を行い処理結果の新しい配列を作る
• reutrn後の処理結果をpushしていく

const numbers = [ 2 , 3 , 5 , 7 , 9 , 12 ];
const doubledNumbers = numbers.map( (number) => {
    return number * 2;
}
// doubledNumbers : [ 4 , 6 , 10 , 14 , 18 , 24 ]