JavaScript 配列インスタンスを要約する 9 つの方法

この記事は、javascript に関する関連知識を提供します。主に JavaScript 配列インスタンスの 9 つのメソッドを紹介します。このトピックに関する記事の詳細な紹介には特定の参考値がありません。友人が参照できるようにする必要があります。それに。

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

序文

手書きの JS ネイティブ API はインタビューでよく使われます。今日は仕事をしながら (釣りをしながら)、MDN 記事の配列インスタンス メソッドに関する部分に目を向けました。たまたま暇だったので、インスタンス メソッドをいくつか書きました基本的な内容を手書きで確認し、記録します。

#配列インスタンスの反復メソッドの違いがまだわからない場合は、以下の図を参照してください。

map

このメソッドは新しい配列を返します。配列内の各項目は、

map が提供するコールバック関数を実行した結果です。

実装コードは次のとおりです:

const map = (array, fun) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')

  // 定义一个空数组，用于存放修改后的数据
  let res = []
  for (let i = 0; i < array.length; i++) {
    res.push(fun(array[i]))
  }
  return res
}
// 测试
let res = map([1, 2, 3], item => {
  return item * 2
})
console.log(res) // [ 2, 4, 6 ]

filter

このメソッドは新しい配列を返し、配列内の値は次の条件を満たします。

filter提供されるコールバック関数の値、

実装コードは次のとおりです:

const filter = (array, fun) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')

  // 定义一个空数组，用于存放符合条件的数组项
  let res = []
  for (let i = 0; i < array.length; i++) {
    // 将数组中的每一项都调用传入的函数，如果返回结果为true，则将结果push进数组，最后返回
    fun(array[i]) && res.push(array[i])
  }
  return res
}
// 测试
let res = filter([1, 2, 3], item => {
  return item > 2
})
console.log(res) // [ 3 ]

some

このメソッド配列内の各項目を判定し、いずれかの項目がコールバック関数の条件を満たしていれば

true を返し、どれも満たしていない場合は false を返します。

実装コードは次のとおりです:

const some = (array, fun) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')
  let flag = false
  for (let i of array) {
    if (fun(i)) {
      flag = true
      break
    }
  }
  return flag
}
let res = some([1, 2, 3], item => {
  return item > 2
})
console.log(res) // true

every

このメソッドは配列内の各項目を判定します。コールバック関数。

true を返し、それ以外の場合は false を返します。

実装コードは次のとおりです:

const every = (array, fun) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')
  let flag = true
  for (let i of array) {
    if (!fun(i)) {
      flag = false
      break
    }
  }
  return flag
}
let res = every([1, 2, 3], item => {
  return item > 0
})
console.log(res) // true

reduce

このメソッドは、配列内の各要素にコールバック関数を実行させます。提供し、結果を要約して返します。実装コードは次のとおりです。

const reduce = (array, fun, initialValue) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')
  let accumulator = initialValue
  for (let i = 0; i < array.length; i++) {
    accumulator = fun(accumulator, array[i], i, array)
  }
  return accumulator
}
const arr = [1, 2, 3]
console.log(arr.reduce(v => v + 10, 10)) // 40
console.log(reduce(arr, v => v + 10, 10)) // 40

forEach

このメソッドは比較的単純で、配列を走査するものです。メソッド、配列内の各項目が実行されます。 コールバック関数、実装コードは次のとおりです:

const forEach = (array, fun) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')

  for (let i of array) {
    fun(i)
  }
}
let res = forEach([1, 2, 3], item => {
  console.log(item)
})

find と findIndex

これら 2 つのメソッドは比較的似ています。要素を返し、もう 1 つは要素のインデックスを返します。ここでは 1 つを記述します。実装コードは次のとおりです。

const myFind = (array, fun) => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof fun !== 'function') throw new TypeError(fun + ' is not a function')
  let res
  for (let i = 0; i < array.length; i++) {
    if (fun(array[i])) {
      res = array[i]
    }
  }
  return res
}
// 测试
let res = myFind([1, 2, 3], item => {
  return item > 2
})
console.log(res) // 3

join

このメソッドは、要素内のすべての要素を結合できます。指定された文字列に従って配列を取得し、結合された文字列を返します。

実装コードは次のとおりです:

const join = (array, separator = ',') => {
  // 类型约束
  if (Object.prototype.toString.call(array) !== '[object Array]')
    throw new TypeError(array + ' is not a array')
  if (typeof separator !== 'string')
    throw new TypeError(separator + ' is not a string')
  let res = array[0].toString()
  for (let i = 0; i < array.length - 1; i++) {
    res += separator + array[i + 1].toString()
  }
  return res
}
// 测试
let res = join([1, 2, 3], &#39;-&#39;)
console.log(res) // 1-2-3

[関連する推奨事項:

JavaScript ビデオ チュートリアル、ウェブ フロントエンド]

以上がJavaScript 配列インスタンスを要約する 9 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。