JavaScript every と some の使い方 #2

株式会社リュディアです。JavaScript every と some の使い方 #1 で every と some の使い方をまとめてきました。過去の高階関数のまとめと同様、まとめで使った関数をアロー関数で記述してみます。掲載するソースコードはすべて GAS の開発環境で動作確認をしています。

アロー関数を使おうと使わなかろうと同じ結果となりますし、どちらが正しい、というわけでは無いです。状況により使い分ければと思います。

function myFunctionEveryAndSome() {
 const inputArray = [ 1, 3, 10, 17, 20, 31 ] ;
 
 const returnOfEvery = inputArray.every( function( currentValue, index, array ) {
                                           return currentValue < 10 ;
                                         } ) ;

 const returnOfSome = inputArray.some( function( currentValue, index, array ) {
                                         return currentValue > 10 ;
                                       } ) ;

 console.log( returnOfEvery ) ;
 console.log( returnOfSome ) ;
}

function myFunctionEveryAndSomeArrow() {
 const inputArray = [ 1, 3, 10, 17, 20, 31 ] ;
 
 const returnOfEvery = inputArray.every( currentValue => currentValue < 10 );
 
 const returnOfSome = inputArray.some( currentValue => currentValue > 10 );

 console.log( returnOfEvery ) ;
 console.log( returnOfSome ) ;
}

// 実行結果
// false
// true
function myFunctionEvery() {
 const inputArray = [ 1, 3, 10, 17, 20, 31 ] ;
 
 const returnOfEvery = inputArray.every( function( currentValue, index, array ) {
                                           console.log( currentValue, index, array ) ;
                                           return currentValue < 10 ;
                                         } ) ;

 console.log( returnOfEvery ) ;
}

function myFunctionEveryArrow() {
 const inputArray = [ 1, 3, 10, 17, 20, 31 ] ;

 // 動作を表示する console.log は省略
 const returnOfEvery = inputArray.every( currentValue => currentValue < 10 );

 console.log( returnOfEvery ) ;
}

// 実行結果
// currentValue index array
//  1           0     [ 1, 3, 10, 17, 20, 31 ]
//  3           1     [ 1, 3, 10, 17, 20, 31 ]
// 10           2     [ 1, 3, 10, 17, 20, 31 ]
// false
function myFunctionSome() {
 const inputArray = [ 1, 3, 10, 17, 20, 31 ] ;
 const returnOfSome = inputArray.some( function( currentValue, index, array ) {
                                         console.log( currentValue, index, array ) ;
                                         return currentValue > 10;
                                       } ) ;
                                         
 console.log( returnOfSome ) ;
}

function myFunctionSomeArrow() {
 const inputArray = [ 1, 3, 10, 17, 20, 31 ] ;
 
 // 動作を表示する console.log は省略
 const returnOfSome = inputArray.some( currentValue => currentValue > 10 );
                                         
 console.log( returnOfSome ) ;
}

// 実行結果
// currentValue index array
//
//  1           0     [ 1, 3, 10, 17, 20, 31 ]
//  3           1     [ 1, 3, 10, 17, 20, 31 ]
// 10           2     [ 1, 3, 10, 17, 20, 31 ]
// 17           3     [ 1, 3, 10, 17, 20, 31 ]
// true

では、ごきげんよう。


この記事が気に入ったらサポートをしてみませんか?