目次
Object.assign()
ホームページ ウェブフロントエンド jsチュートリアル JavaScript ですべてのキーが小文字である、指定されたオブジェクトから新しいオブジェクトを作成するにはどうすればよいですか?

JavaScript ですべてのキーが小文字である、指定されたオブジェクトから新しいオブジェクトを作成するにはどうすればよいですか?

Sep 17, 2023 pm 12:09 PM

如何从指定对象创建一个新对象,其中所有键在 JavaScript 中都是小写?

JavaScript では、古いオブジェクトから新しいオブジェクトを作成する方法がたくさんあります。既存のオブジェクトと同じキーを持ち、すべてのキーを小文字にした新しいオブジェクトを作成することは、一般的な使用例です。これは、キーの大文字と小文字が不規則である多くのソースからのデータを操作する場合に役立ちます。このブログ投稿では、小文字のキーを使用して新しいオブジェクトを作成するためのさまざまな JavaScript メソッドを見ていきます。

ただし、その前に、小文字のキーを使用して新しいオブジェクトを作成することは、さまざまなソースからのデータを操作する場合に役立ちますが、キーの大文字と小文字を変更することで起こり得る影響を認識することも重要であることを覚えておくことが重要です。

たとえば、キーが特定の状況にあることを現在想定しているコードが壊れる可能性があります。あるいは、キーが特定の状況にあることを想定している外部 API やデータベースに干渉する可能性があります。オブジェクトのキーケースを変更する前に、必ずコードに対して徹底的なテストを実行し、ユースケースの特定の要件を考慮してください。

Object.assign()

新しいオブジェクトは、組み込みの JavaScript メソッド Object.assign() を使用して 1 つ以上の既存のオブジェクトを結合することによって作成できます。元のオブジェクトと同じキーを持ち、すべてのキーが小文字である新しいオブジェクトを生成することによって、オブジェクトのキー シェルを変更することもできます。 Object.assign() を使用して小文字のキーを持つ新しいオブジェクトを作成するための基本構文。 ######例### リーリー

この例では、関数 Object.assign() が新しいオブジェクトを生成し、それに元のオブジェクトのプロパティを割り当てます。古いオブジェクトと同じキーが新しいオブジェクトに表示されますが、小文字になります。

Object.keys() 関数を使用すると、元のオブジェクトのキーを反復処理し、それらを Object.assign() に渡す前に小文字に変更できます。 -

Example

リーリー

このメソッドは、Object.keys() メソッドを使用して、元のオブジェクトのキー配列を取得します。 Array.map() メソッドは、キーを反復処理し、同じキー (小文字) を持つ新しいオブジェクトを作成するために使用されます。新しいオブジェクトは、スプレッド演算子を使用して Object.assign() に渡されます。

for-inループ

for-in ループを使用して元のオブジェクトのキーを反復処理し、同じキーで小文字の新しいオブジェクトを生成することは、小文字のキーで新しいオブジェクトを構築するもう 1 つの方法です。 for-in ループを使用して小文字のキーを持つ新しいオブジェクトを作成するための基本的な構文は、 -

Example

です。 リーリー

この例では、toLowerCase() 関数を使用して各キーを大文字から小文字に変更し、関連付けられた値を新しいオブジェクトに割り当てます。次に、for-in ループが元のオブジェクトのキーを反復処理します。

JSON.parse() と JSON.stringify()

JSON.parse() メソッドと JSON.stringify() メソッドを使用することは、小文字のキーを持つ新しいオブジェクトを作成する 3 番目の方法です。これらの手法を使用して小文字のキーを持つ新しいオブジェクトを構築する場合、基本的な構文は -

Example

です。 リーリー

この例では、JSON.stringify() メソッドを使用して、元のオブジェクトを JSON 文字列に変換します。次に、toLowerCase() メソッドを使用して、JSON 文字列内のすべてのキーを小文字に変換します。

最後に、JSON.parse() メソッドを使用して、JSON 文字列を JavaScript オブジェクトに変換します。このメソッドを使用すると、元のオブジェクトと同じキーを持つ新しいオブジェクトが作成されますが、すべてのキーが小文字になります。

実際、このメソッドではオブジェクトを文字列に変換し、再度元に戻す必要があるため、最初の 2 つのメソッドよりも効率が低くなります。また、単純なオブジェクトに対してのみ機能し、固有のプロパティやメソッドを持つオブジェクトに対しては機能しない可能性があります。

###結論は###

この記事では、小文字のキーを使用して新しいオブジェクトを構築するためのさまざまな JavaScript メソッドを検討しました。既存のオブジェクトと同じキーを持つ、すべて小文字の新しいオブジェクトを生成する迅速かつ効率的な方法は、Object.assign() メソッドを使用することです。オブジェクトのキーを反復処理し、同じキーで小文字の新しいオブジェクトを生成するもう 1 つのオプションは、for-in ループです。 JSON.parse() メソッドと JSON.stringify() メソッドを使用して、小文字のキーを使用して新しいオブジェクトを構築することもできますが、このメソッドは効率が低く、すべてのタイプのオブジェクトで機能するとは限りません。

以上がJavaScript ですべてのキーが小文字である、指定されたオブジェクトから新しいオブジェクトを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

例JSONファイルの例 例JSONファイルの例 Mar 03, 2025 am 12:35 AM

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

10 jQuery構文蛍光物 10 jQuery構文蛍光物 Mar 02, 2025 am 12:32 AM

コードプレゼンテーションを強化する:開発者向けの10個の構文蛍光物 ウェブサイトやブログでコードスニペットを共有することは、開発者にとって一般的な慣行です。 適切な構文ハイライターを選択すると、読みやすさと視覚的な魅力を大幅に改善できます。 t

独自のAjax Webアプリケーションを構築します 独自のAjax Webアプリケーションを構築します Mar 09, 2025 am 12:11 AM

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

8見事なjQueryページレイアウトプラグイン 8見事なjQueryページレイアウトプラグイン Mar 06, 2025 am 12:48 AM

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

10 JavaScript&JQuery MVCチュートリアル 10 JavaScript&JQuery MVCチュートリアル Mar 02, 2025 am 01:16 AM

この記事では、JavaScriptとJQuery Model-View-Controller(MVC)フレームワークに関する10を超えるチュートリアルの厳選された選択を紹介します。これは、新年にWeb開発スキルを向上させるのに最適です。 これらのチュートリアルは、Foundatioのさまざまなトピックをカバーしています

' this' JavaScriptで? ' this' JavaScriptで? Mar 04, 2025 am 01:15 AM

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした

See all articles