Operador descansar en JavaScript

JavaScript descansar operador : Aquí, vamos a aprender sobre el resto operador en JavaScript con el ejemplo .

JavaScript resto operador

El operador resto fue presentado por ES6 y se ve algo como esto …

Espere estoy hablando acerca de la propagación del operador? Bueno, ambos operadores descansar y propagación son iguales pero no lo son esencialmente la misma cosa. Utilizamos …

Como tanto propagación y el resto operador en JavaScript y ambos actúan de forma diferente o precisamente las funciones opuestas. El operador simplemente está sobrecargado class resto y propagación ambos. En este artículo, hablaremos de cómo y dónde utilizar los operadores de descanso en Javascript y eventualmente diferenciarlo del operador de difusión.

En for no está familiarizado con el operador de difusión, tienen una rápida leer aquí en lo que es los operadores de cálculo, cómo y dónde usarlo.

El operador de difusión sería expandir los elementos de un iterable, la descansar , por el contrario, los recoge juntos.

function add(...arr) {
let ans = 0;
for (let a of arr) {
ans += a;
}
console.log(ans);
}
add(1, 2, 3, 4, 5);
add(1, 2);
add(23, 43, -11);

salida

15
3
55

Pasamos números individuales como argumentos y agruparlas mediante el operador resto o el resto de parámetros .

El resto de parámetros nos da una matriz para un uso case esencial sería donde tenemos que aplicar cierta funcionalidad de ciertos valores como una sola entidad. ejemplo case, usando métodos de matriz como forEach en artículos individuales.

function display(...arr) {
console.log(arr);
arr.forEach(e => {
console.log(e);
})
console.log(typeof(arr));
}
display(1, 2, 3, 4, 5);

salida

(5) [1, 2, 3, 4, 5]
1
2
3
4
5
object

Así obtenemos un objeto que es sólo un envoltorio objeto alrededor de una matriz y podemos utilizar todos nuestros métodos de selección habitual en este objeto envuelto alrededor de una matriz.

Nota: Mientras se utiliza el parámetro resto , asegurarse de que es el último parámetro que se pasa a una función de lo contrario se producirá un error.

function show(...args, name) {
console.log('Name: ', name);
args.forEach(arg => {
console.log(arg);
})
}

salida

Uncaught SyntaxError: Rest parameter must be last formal parameter

function show(name, ...args) {
console.log('Name: ', name);
args.forEach(arg => {
console.log(arg);
})
}
show('Fuzzy', 0, 5, 10);

salida

Name:  Fuzzy
0
5
10

También podemos utilizar el parámetro descansar For desestructuración para obtener las propiedades restantes y almacenarlos en un objeto.

const player= {
id: 1, name: 'Player1', Health: 100
}
;
const {
id,
...rest
}=player;
console.log(rest);

salida

{name: "Player1", Health: 100}


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *