Lodash _.clone()用法及代码示例

_.clone()方法用于创建该值的浅拷贝。此方法支持克隆数组，数组缓冲区，布尔值，日期对象，映射，数字，对象对象，正则表达式，集，字符串，符号和类型化数组。它大致基于结构化克隆算法。

用法:

_.clone( value )

参数：此方法接受上述和以下描述的单个参数：

value:此参数保存需要克隆的值。

返回值：此方法返回值的浅拷贝。

范例1：克隆简单对象

const _ = require('lodash'); 
  
var obj = { 
    x:23 
}; 
  
// Shallow copy 
var shallowCopy = _.clone(obj); 
  
console.log('Comparing original with'
    + ' shallow ', obj === shallowCopy); 
  
obj.x = 10; // Changing original value 
  
console.log('After changing original value'); 
  
console.log("Original value ", obj); 
  
console.log("Shallow Copy value ", shallowCopy);

这里，const _ = require('lodash')用于将lodash库导入文件中。

输出：

Comparing original with shallow  false
After changing original value
Original value  { x:10 }
Shallow Copy value  { x:23 }

范例2：克隆复杂对象

const _ = require('lodash'); 
   
var obj = [{  x:1 }, {y:2}]; 
  
// Shallow copy 
var shallowCopy = _.clone(obj); 
   
console.log('Comparing original with shallow ', 
            obj[0] === shallowCopy[0]); 
   
// Changing orignal value 
obj[0].x = 10; 
   
// Values after changing original value 
console.log("After changing original value"); 
   
console.log("Original value ", obj); 
   
console.log("Shallow Copy value ", shallowCopy);

输出：

Comparing original with shallow  true
After changing original value
Original value  [ { x:10 }, { y:2 } ]
Shallow Copy value  [ { x:10 }, { y:2 } ]

因此，在这里我们已经看到，更改原始值后，浅拷贝值也发生了变化，因为_.clone()不会深深地复制它只是通过了引用。

注意：在正常的JavaScript中这将无法正常工作，因为它需要安装库lodash。

参考： https://lodash.com/docs/4.17.15#clone

相关用法

注：本文由纯净天空筛选整理自iamsahil1910大神的英文原创作品 Lodash | _.clone() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。