配列

配列の分析 の JavaScript

14個の演習

配列の分析について

JavaScriptでは、Arrayのインスタンスは通常のオブジェクトで、たくさんの便利なメソッドが備わっています。 lengthプロパティや、配列を走査・分析・変更するためのメソッドが含まれます。 配列の要素は、その配列のインデックス付きプロパティです。 そうしたインデックス付きプロパティを手動で繰り返し処理する代わりに、配列の分析を使いましょう。 配列の内容を分析する組み込み関数の多くは、真偽値を返す関数を引数に取ります。そのような関数はpredicateと呼ばれます。

一般的に、抽象化や組み込みメソッドを使うほうが、forや.forEachを使うよりも、より慣用的で、読みやすく、保守しやすいです。

const values = [1, 2, 5, 8, 8, 10];

// Array#some stops iteration as soon as the given predicate returns true; it
// returns false if none of the elements in the array pass the predicate. In
// other words: return true if for some item the given function returns true.
//
const isOdd = (item) => item % 2 === 1;
const areSomeOdd = values.some(isOdd);
// => true

// Array#every stops iteration as soon as the given predicate returns false; it
// returns true if each and every element passes the predicate. In other words:
// return true if for every item the given function returns true
//
const areAllPositive = values.every((item) => item >= 0);
// => true

// Most array analysis predicates get more than one argument as their input. In
// most cases it will be:
//
// 1. item:  the current element being evaluated
// 2. index: the index associated with that element
// 3. self:  the array itself
//
// Since Array#indexOf(value) returns the first index of value in the array, it
// can be used to determine if a particular (item, index) pair does NOT match
// the first occurrence of the item. Only for the first occurrence, the index
// of the item will match the passed in index.
//
//   ['a', 'b', 'a'].indexOf('a')
//   // => 0
//
//   isDuplicate('a', 0, ['a', 'b', 'a'])
//   // => false
//   isDuplicate('b', 1, ['a', 'b', 'a'])
//   // => false
//   isDuplicate('a', 2, ['a', 'b', 'a'])
//   // => true
//
function isDuplicate(item, index, self) {
  return self.indexOf(item) !== index;
}

const indexOfFirstDuplicate = values.findIndex(isDuplicate);
// => 4

// Some of the analysis functions don't take a predicate but instead take a
// value directly.
//
// Array#includes is the same as the more verbose options:
//
//   values.some((item) => item === 42)
//   values.indexOf(42) !== -1
//
// Array#indexOf is the same as the more verbose option:
//
//   values.findIndex((item) => item === 42) !== 1
//
const hasValue42 = values.includes(42);
// => false
GitHubで編集 リンクは新しいウィンドウまたはタブで開きます

配列の分析を学習する