ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScriptの配列にはmapメソッドがあるのでしょうか?

JavaScriptの配列にはmapメソッドがあるのでしょうか?

青灯夜游
青灯夜游オリジナル
2022-09-13 18:53:412154ブラウズ

JavaScript 配列にはマップ メソッドがあります。 JavaScript では、配列の map() メソッドを使用して、配列の各要素に対して指定されたコールバック関数を呼び出し、結果を含む配列を返します。構文形式は「array.map(callback function, thisValue);」です。 map() メソッドは新しい配列を返します。各要素は、関連付けられた元の配列要素のコールバック関数の戻り値です。配列内の各要素に対して、map() メソッドはコールバック関数を 1 回 (インデックスの昇順で) 呼び出します。 )。

JavaScriptの配列にはmapメソッドがあるのでしょうか?

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

JavaScript 配列にはマップ メソッドがあります。

#javascript 配列 map() メソッド

map() メソッドは、配列の各要素に対して指定されたコールバック関数を呼び出すことができます。 . 結果を含む配列を処理して返します。

map() メソッドは、元の配列要素の順序で要素を順番に処理します。

#構文

array.map(function(currentValue,index,arr), thisValue)

##パラメータ説明 # #function(currentValue,index,arr)関数パラメータ: #thisValuemap() メソッドは、各要素が関連付けられた元の配列要素のコールバック関数の戻り値である新しい配列を返します。 map() メソッドは、配列内の要素ごとにコールバック関数を 1 回 (インデックスの昇順で) 呼び出します。配列内の欠落している要素に対してはコールバック関数を呼び出しません。 map() メソッドは、配列オブジェクトに加えて、Arguments パラメーター オブジェクトなど、長さプロパティとインデックス付きプロパティ名を持つ任意のオブジェクトで使用できます。
必須。関数。配列内の各要素はこの関数を実行します。

currentValue は必須です。現在の要素

  • #index の値はオプションです。現在の要素のインデックス値

  • #arr オプション。現在の要素が属する配列オブジェクト

オプション。オブジェクトは実行コールバックとして使用され、関数に渡され、「this」の値として使用されます。 thisValue が省略されている場合、または null または未定義が渡されている場合、コールバック関数の this はグローバル オブジェクトになります。

コード例を通じてさらに詳しく学習してみましょう:

例 1

##次の例では、map() メソッドを使用して配列をマップします。配列を次のように変換します。 の各要素の値が 2 乗され、PI 値が乗算され、返された円の面積値が新しい配列の要素値として使用され、最終的に新しい配列が返されます。

function f (radius) {
    var area = Math.PI * (radius * radius);
    return area.toFixed(0);
}
var a = [10,20,30];
var a1 = a.map(f);
console.log(a1);

例 2

JavaScriptの配列にはmapメソッドがあるのでしょうか?

次の例では、map() メソッドを使用して配列をマップし、各要素の値を分割します。配列に A のしきい値を入力し、コールバック関数としきい値の両方がオブジェクトのプロパティとして存在するこの新しい配列を返します。このメソッドは、マップ内で thisArg パラメーターを使用する方法を示します。

var obj = {
    val : 10,
    f : function (value) {
        return value % this.val;
    }
}
var a = [6,12,25,30];
var a1 = a.map(obj.f, obj);
console.log(a1);  //6,2,5,0

例 3

JavaScriptの配列にはmapメソッドがあるのでしょうか?

次の例は、JavaScript 組み込みメソッドをコールバック関数として使用する方法を示しています。

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

[推奨学習:

JavaScript 学習チュートリアル

JavaScriptの配列にはmapメソッドがあるのでしょうか?Web フロントエンド ビデオ

]

以上がJavaScriptの配列にはmapメソッドがあるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。