angular.mergeとangular.extendの違いは？

angular.mergeとangular.extendの違いを教えてください。ディープコピーとは何を意味し、いつ使うべきですか？angular.mergeとangular.extendの違いは？

2016-09-12 Shijil Narayan

拡張：ソースオブジェクトのプロパティを右から左に、宛先オブジェクトまでずっとコピーします。

例：人と仕事のオブジェクトを拡張し、その逆も同様です。

 //------------------------------------Extend-------------------------- 

     $scope.extendPersonToJob = function() { 
      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 
      // extend from Person to Job 

      $scope.personTojob = angular.extend(person, job); 
      //output : {{ 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } , 'Title': 'Programmer', 'Experience': '5'}    
     } 

     $scope.extendJobToPerson = function() { 
      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 

      // extend from job to person 
      $scope.jobToperson = angular.extend(job, person) 
      //output : {{ 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling' , 'place': 'Queenstown' } , 'Title': 'Programmer', 'Experience': '5'}    

     }

マージは、ソースオブジェクトのプロパティをデスティネーションオブジェクトに深く（再帰的に）コピーすることです。

例：人と仕事のオブジェクトをマージし、その逆も同様です。

//------------------------------------Merge------------------------------ 
     $scope.mergePersonToJob = function() { 

      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 
      // merge from Person to Job 

      $scope.personTojob = angular.merge(person, job); 

      //output : { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true', 'place': 'Queenstown' }, 'Title': 'Programmer', 'Experience': '5' }; 
     } 

     $scope.mergeJobToPerson = function() { 
      var person = { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'place': 'Queenstown' } }; 
      var job = { 'Title': 'Programmer', 'Experience': '5', 'Skills': { 'name': 'Designing', 'experience': '2', 'certified': 'true' } }; 

      // merge from job to person 
      $scope.jobToperson = angular.merge(job, person) 

      // //output : { 'Name': 'Monica', 'Age': '25', 'Skills': { 'name': 'travelling', 'experience': '2', 'certified': 'true', 'place': 'Queenstown' }, 'Title': 'Programmer', 'Experience': '5' }; 
     }

この図はExampleであり、理解を深めるために比較しています。間違ったら私を修正してください。

PC：David Cai's Blog

出典

2016-09-15 20:24:07 monikapatel

@ Shijil Narayan私は、人と仕事のオブジェクトの例でマージと拡張を使って深い（再帰的な）コピーと浅いコピーを説明しようとしました。 – monikapatel

Monicaに感謝します。あなたが与えた例は、物事をより明確にしました。 –

@ShijilNarayan私はあなたを助けてうれしいです。しかし、私はちょうど私のcodepenの例のリンクが保存されていないことを知って来て、デフォルトの角度jsのページを表示しています。私はそれのためのapplologies。しかし、私はちょうどそれを見て更新しました。 – monikapatel

角度のドキュメントから。

（伸びるとは異なり）、（マージ）を再帰的にディープコピーを行う、オブジェクトプロパティソースオブジェクトのに下降します。

出典

2016-09-12 23:48:24 levi

深いコピーはどういう意味ですか？ –

@ShijilNarayanネストされたオブジェクトがある場合、merge（）もそれらをコピーしますが、extend（）を使用するとオブジェクトはコピーされません。 – levi

ありがとうLevi for help –

angular.mergeとangular.extendの違いは？

答えて

関連する問題