コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Map() メソッドを使用して JavaScript で配列を操作する方法

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

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

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 サイトに注目してください。

関連ラベル：
JavaScript map
ソース：php.cn
前の記事：JavaScript で sort() メソッドを使用して配列要素を並べ替える 次の記事：JavaScriptの配列操作の詳しい説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
API は postman では動作しますが、Flutter では接続を拒否します postRequest()async{Map\<String,dynamic\>map={'email':'[email protected]','password':...
から 2024-04-06 14:08:33
0
1
340
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート