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

JavaScriptでオブジェクトを浅くコピーする方法は？

Underscore.js 、javascriptのライブラリは、 _.extend（）と呼ばれるメソッドを導入しました 浅いコピー javascriptのオブジェクト。このメソッドは、ソースのすべてのプロパティをコピーします 宛先へのオブジェクト オブジェクト、および宛先オブジェクトを返します。ここにリファレンスがあります コピーには使用されますが、複製には使用されません 。

構文

_.extend(object*);

オブジェクトと浅いコピーを受け入れます 彼ら。できるだけ多くのオブジェクトを提供できます。

例-1

次の例では、3つの個別のオブジェクトが浅くコピーされ、出力で実行されました。

<html>
<body>
<script
   src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
</head>
<body>
   <script>
   var res = JSON.stringify(_.extend(
      {name: 'Ram', designation: "content developer"},
      {age: 50},
      {salary: 1200000}));
      document.write((res));
   </script>
</body>
</html>

出力

{"name":"Ram","designation":"content developer","age":50,"salary":1200000}

例-2

<html>
<body>
<script
   src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
</head>
<body>
   <script>
      var res = JSON.stringify(_.extend(
            {name: 'Ram', designation: "content developer"},
            {age: 50,salary: 1200000},
            {country: "India"}));
      document.write((res));
   </script>
</body>
</html>

出力

{"name":"Ram","designation":"content developer","age":50,"salary":1200000,"country":"India"}

  1. 2つのJavaScriptオブジェクトをマージする方法は？

    以下は、2つの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> &nbs

  2. JavaScriptのオブジェクトにreduceメソッドを適用するにはどうすればよいですか？

    以下は、JavaScriptのオブジェクトにreduceメソッドを適用するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <sty