Map() メソッドを使用して JavaScript で配列を操作する方法

高洛峰
リリース: 2017-02-06 10:05:43
オリジナル
1452 人が閲覧しました

JavaScript の配列 map() メソッドは、この配列内の各要素に対して提供された関数を呼び出した結果を使用して、新しい配列を作成します。
構文

array.map(callback[, thisObject]);
ログイン後にコピー

パラメータの詳細は次のとおりです:

コールバック: 関数は現在の要素から新しい配列要素を生成します。

thisObject : コールバックを実行するために使用されるオブジェクト

戻り値 :

作成された配列を返す
互換性 :

このメソッドは ECMA-262 標準への JavaScript 拡張機能であるため、他の実装には存在しない可能性があります。標準の。これを機能させるには、次のスクリプト コードを先頭に追加する必要があります:

if (!Array.prototype.map)
{
 Array.prototype.map = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();
 
  var res = new Array(len);
  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this)
    res[i] = fun.call(thisp, this[i], i, this);
  }
 
  return res;
 };
}
ログイン後にコピー

例:



JavaScript Array map Method




ログイン後にコピー

これにより、次の結果が生成されます:

roots is : 1,2,3
ログイン後にコピー

操作のためのその他の map() メソッドJavaScript の配列 PHP の使用に関する記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート