El método Lodash _.cloneDeepWith() se usa para clonar valor de manera recursiva, al igual que el método _.cloneWith() pero funciona de manera recursiva.
Sintaxis:
_.cloneDeepWith( value, customizer )
Parámetro: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- valor: este parámetro contiene el valor que se clonará de forma recursiva.
- personalizador: este parámetro contiene la función para personalizar el clon.
Valor devuelto: este método devuelve el valor clonado.
El siguiente ejemplo ilustra el método Lodash _.cloneDeepWith():
Ejemplo 1: Clonación del elemento Head.
Javascript
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js">
</script>
</head>
<body>
<script type="text/javascript">
function customizer(value) {
if (_.isElement(value)) {
return value.cloneNode(true);
}
}
var gfg = _.cloneDeepWith(document.head, customizer);
console.log(gfg === document.head);
console.log(gfg.nodeName);
console.log(gfg.childNodes.length);
console.log(gfg);
</script>
</body>
</html>
Producción:
Ejemplo 2: Clonación de elemento corporal.
Javascript
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js">
</script>
</head>
<body>
<script type="text/javascript">
function customizer(value) {
if (_.isElement(value)) {
return value.cloneNode(true);
}
}
var gfg = _.cloneDeepWith(document.body, customizer);
console.log(gfg === document.body);
console.log(gfg.nodeName);
console.log(gfg.childNodes.length);
console.log(gfg);
</script>
</body>
</html>
Producción:
Referencia: https://docs-lodash.com/v4/clone-deep-with/
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA