Use la función cloneDeep de la biblioteca de herramientas Lodash en Javascript para lograr una copia profunda

Prólogo

Recientemente leer los elementos reales Vue_shop - sistema de gestión de proveedor de electricidad (Elemento-IU) del vídeo de la estación B , véase P172 08. - los elementos a añadir el goods_cat de arreglo en una cadena cuando se habla Lodash esta herramienta biblioteca cloneDeep uso de .
Lodash es una biblioteca de utilidad JavaScript consistente, modular y de alto rendimiento, su dirección de sitio web oficial es: https://www.lodashjs.com/ , la dirección de alojamiento de Github es: https://github.com/lodash/lodash

Introducción al uso de Loadsh

Descargar loadsh

Instalar

  • Entorno del navegador:
<script src="lodash.js"></script>
  • Vía npm:
$ npm i -g npm
$ npm i --save lodash
  • Node.js :
// Load the full build.
var _ = require('lodash');
// Load the core build.
var _ = require('lodash/core');
// Load the FP build for immutable auto-curried iteratee-first data-last methods.
var fp = require('lodash/fp');
 
// Load method categories.
var array = require('lodash/array');
var object = require('lodash/fp/object');
 
// Cherry-pick methods for smaller browserify/rollup/webpack bundles.
var at = require('lodash/at');
var curryN = require('lodash/fp/curryN');
  • Nota:
    Si desea utilizar Lodash en un entorno REPL con Node.js <6, instale n_ .

¿Por qué elegir Lodash?

Lodash hace que JavaScript sea más fácil al reducir la dificultad de usar matrices, números, objetos, cadenas, etc.
El enfoque modular de Lodash es muy adecuado para:

  • 1. Atravesar matriz, objeto y cadena
  • 2. Operar y verificar el valor
  • 3. Cree una función que coincida con la función.

Formato del módulo

Lodash proporcionar una variedad de maneras de construir formatos y de bloque.

paquetes lodash y por método
lodash-es , babel-plugin-lodash y lodash-webpack-plugin
lodash / fp
lodash-amd

Herramientas suplementarias

futil-js es un conjunto de herramientas prácticas utilizadas para complementar lodash.

Lectura adicional

Contribuya con las
notas de la versión
Wiki (historial de actualizaciones, hoja de ruta, etc.)

Compatibilidad

Probado en Chrome 74-75, Firefox 66-67, IE 11, Edge 18, Safari 11-12 y entorno Node.js 8-12.

Uso del método cloneDeep en loadsh

Introducción al método cloneDeep

_.cloneDeep(value)

Este método es similar a _.clone , excepto que copiará el valor de forma recursiva. (Nota: también llamada copia profunda).
Agregar versión
1.0.0


Valor del parámetro ( ): el valor que se copiará en profundidad.
Retorno
(
): Devuelve el valor copiado.
Los ejemplos son los siguientes:

var objects = [{ 'a': 1 }, { 'b': 2 }];
 
var deep = _.cloneDeep(objects);
console.log(deep[0] === objects[0]);
// => false
131 artículos originales publicados · Me gusta 38 · Visita 990,000+

Supongo que te gusta

Origin blog.csdn.net/ccf19881030/article/details/105452586
Recomendado
Clasificación