Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで動的プロパティキーをオブジェクトに設定するにはどうすればよいですか?


以前は2段階のプロセスでした オブジェクトにプロパティを作成しますが、ES6の登場 タスクが非常に簡単になりました。たったワンステップ プロパティを動的に作成できます。一言で言えばそれについて話し合いましょう。

古い方法(2ステップのプロセス)

次の例では、プロパティ 、オブジェクト自体で宣言する代わりに、外部で宣言されます オブジェクトを2段階のプロセスにします。

<html>
<body>
<script>
   let person = 'name';
   let student = {               // step-1
      id: 1,
   };
   student[person] = 'nani';    // step-2
   document.write(JSON.stringify(student));
</script>
</body>
</html>

出力

{"id":1,"name":"nani"}


ES6メソッド

次の例では、オブジェクトのプロパティは、オブジェクトの外部で宣言するのではなく、オブジェクト自体で直接宣言されるため、1ステップのプロセスになります

<html>
<body>
<script>
   let person = 'name';
   let student = {
      id: 1,
      [person] : "nani"
   };
   document.write(JSON.stringify(student));
</script>
</body>
</html>

出力

{"id":1,"name":"nani"}

  1. JavaScriptオブジェクトからプロパティを削除するにはどうすればよいですか?

    javaScriptオブジェクトからプロパティを削除するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <body> <h1>JavaScript Object Properties Example</h1> <h2 class="sample">athlete.name</h2> <script>    let athlete = {       name: "James Anders

  2. JavaScriptオブジェクトの値を動的に設定するにはどうすればよいですか?

    以下は、JavaScriptオブジェクトの値を動的に設定するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>