JavaScriptの学習ノート - ES5で一般的な配列メソッド

ES5における配列の共通メソッド

• これまで説明してきた配列の一般的なメソッドは、すべてES3のメソッドです。
• 今日は、ES5メソッドのいくつかについてお話します。

indexOf

• indexOf は、配列内の項目のインデックスを見つけるために使用します。
• 構文：indexOf(探したい配列の項目)

var arr = [1, 2, 3, 4, 5]
// indexOfを使用して、配列内の項目を見つける。
var index = arr.indexOf(3)
console.log(index) // 2

• 配列の中から値3の項目を探します。
• 配列中の、値が 3 である項目のインデックスを返します。

• 探しているものが配列にない場合は、-1 が返されます。

var arr = [1, 2, 3, 4, 5]
// indexOfを使用して、配列内の項目を見つける。
var index = arr.indexOf(10)
console.log(index) // -1

• 探している値が配列に存在しない場合、-1を返します。

forEach

• これはforループと同じで、配列を繰り返し処理するために使います。
• arr.forEach(function {})

var arr = [1, 2, 3]
// forEachを使用して配列を繰り返し処理する
arr.forEach(function (item, index, arr) {
 // item 配列の各項目である
 // index 配列のインデックスである
 // arr 元の配列である
 console.log('最初の配列の ' + index + ' 項目の値は ' + item + '元の配列は', arr)
})

• forEach() で渡された関数は、配列の長さに応じて実行されます。
• 配列の長さは、この関数が

map

• は forEach と似ていますが、配列の各項目を操作して新しい配列を返します。

var arr = [1, 2, 3]
// マップを使用して配列を繰り返し処理する
var newArr = arr.map(function (item, index, arr) {
 // item 配列の各項目である
 // index 配列のインデックスである
 // arr 元の配列である
 return item + 10
})
console.log(newArr) // []

filter

• マップの使用と同様に、配列は以下の基準に従ってフィルタリングされます。
• 条件を満たす元の配列をフィルタリングし、新しい配列にして返します。

var arr = [1, 2, 3]
// フィルタを使用して配列のフィルタリング
var newArr = arr.filter(function (item, index, arr) {
 // item 配列の各項目である
 // index 配列のインデックスである
 // arr 元の配列である
 return item > 1
})
console.log(newArr) // [2, 3]

• 条件セットは > 1
• 返される新しい配列は、元の配列の > 1 の項目すべてになります。