コミュニティ学ぶツールライブラリレジャー

日本語

ホームページ > ウェブフロントエンド > jsチュートリアル > 「new Array(count)」で作成された配列で「map()」が未定義の値を返すのはなぜですか?

「new Array(count)」で作成された配列で「map()」が未定義の値を返すのはなぜですか?

Patricia Arquette

リリース： 2024-12-07 07:00:12

オリジナル

769 人が閲覧しました

Why Does `map()` Return Undefined Values on Arrays Created with `new Array(count)`?

new Array(count) で作成された配列上のマップの動作を理解する

JavaScript 配列を使用する場合、特有の動作に注意する必要がありますnew 構文を使用して作成された配列によって表示されます。 Array(count).

以下のコードスニペットに示すように、new Array(count) で作成された疎配列 (未定義の要素を含む配列) に対して map() を呼び出すと、未定義の値の配列が生成されます。 >

var x = new Array(3);
x.map(function() { return 0; }); // [undefined, undefined, undefined]

ログイン後にコピー

対照的に、同じ長さの密な配列 (未定義の要素を含まない配列) に対して同じ操作を実行すると、次のように機能します。 Expected:

var y = [undefined, undefined, undefined];
y.map(function() { return 0; }); // [0, 0, 0]

ログイン後にコピー

この違いは、 new Array(count) が疎配列を作成するという事実に由来しており、これは要素にデフォルト値を割り当てないことを意味します。その結果、map() は未定義の要素に対して操作を実行できず、未定義の値の配列が作成されます。

この問題を解決するには、リテラル配列構文を使用して密な配列を作成するか、明示的にArray.prototype.fill().

などのメソッドを使用して、必要なデフォルト値を含むスパース配列

以上が「new Array(count)」で作成された配列で「map()」が未定義の値を返すのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

前の記事：JavaScript フォームの送信時に「'submit' は関数ではありません」というエラーが表示されるのはなぜですか? 次の記事：WebKit ブラウザで画像のサイズを正確に取得するにはどうすればよいですか?

このウェブサイトの声明

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

著者別の最新記事

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2262

Google Chromeのモバイル版を表示する方法こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2398

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

2011

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1893

CSS マインドマッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

1965

関連トピック

詳細>

人気のおすすめ

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート