エルオペランドスプレッド
12365 ワード
オペレータを広げなさい
エルスプレッド演算子queは、6つのen JavaScript es unoperador que simplica la simploreデvaloresエヌUna EstructuraデDatosの中で、Evmascriptです.Su Representa詐欺Tune Puntos
...
La definición que nos da MDN es: "Spread syntax allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-value pairs (for object literals) are expected."
Lo que quiere que estest operadorは、イェルブルであることができます.<研究ノート>VAMOS : VoO - Con - Ejcudes de USO :
copiar配列
Podemos‐Utilizar‐El‐adadadorスプレッドpara‐copiarアレイ
let animales = ['perro', 'caballo', 'gato', 'oso', 'jirafa'];
console.log(animales); // Resultado -> 'perro', 'caballo', 'gato', 'oso', 'jirafa'
let copiaDeAnimales = [...animales];
console.log(copiaDeAnimales); // Resultado -> 'perro', 'caballo', 'gato', 'oso', 'jirafa'
COPIAL UNIアレイY
Podemos Hacer copias de Array y ADEM LES s A adiadie Elementos al Array , Tanto al Principio como al Final de Ste
let poblaciones = ['Benicasim', 'Castellón', 'Alcocebre'];
console.log(poblaciones);
// Resultado -> ["Benicasim", "Castellón", "Alcocebre"]
let nuevasPoblaciones = ['Oropesa', ...poblaciones];
console.log(nuevasPoblaciones);
// Resultado -> ["Oropesa", "Benicasim", "Castellón", "Alcocebre"]
let masPoblacionesNuevas = [...poblaciones, 'Madrid'];
console.log(masPoblacionesNuevas);
// Resultado -> ["Benicasim", "Castellón", "Alcocebre", "Madrid"]
concatenar配列
デウナフォーマSencilla、Podemos concatenar配列Dos formas de unir objetos en JavaScript ):
let peces = ['emperador', 'salmón'];
let insectos = ['hormiga', 'mosquito'];
console.log([...peces, ...insectos]);
// Resultado -> ["emperador", "salmón", "hormiga", "mosquito"]
ESTO Tambi - en n funciona con array des diferentes tipos de datos , por ejplo :let numeros = [1, 2, 3];
let meses = ['enero', 'febrero', 'marzo'];
console.log([...numeros, ...meses]);
// Resultado -> [1, 2, 3, "enero", "febrero", "marzo"]
糞便
let algunosNumeros = [12, 56, 88];
const addNumeros = (a, b, c) => {
console.log(a + b + c);
}
addNumeros(...algunosNumeros);
// Resultado -> 156
コピールObjetos
const usuario = {
nombre: 'Alex',
apellido: 'Tomás',
edad: 40
}
const copiaDeUsuario = {...usuario};
console.log(copiaDeUsuario);
// Resultado
// Object {
// apellido: "Tomás",
// edad: 40,
// nombre: "Alex"
// }
Concatenar y A adiadinuasは、国連objetoにpropiedadesします
古いcomo se puede hacer con los配列,pasa con los objetos
const coche = {
marca: 'Peugeot',
modelo: '207',
}
const caracteristicas = {
color: 'Azul',
cv: '115',
}
const automovil = {...coche, ...caracteristicas};
console.log(automovil);
// Resultado
// Object {
// color: "Azul",
// cv: "115",
// marca: "Peugeot",
// modelo: "207"
// }
const extras = {...automovil, 'aacc': true };
console.log(extras);
// Resultado
// Object {
// aacc: true,
// color: "Azul",
// cv: "115",
// marca: "Peugeot",
// modelo: "207"
// }
PUEDES Ver Ec c dio digo funcionando eneste Codepen .y esto es todo.エスパー・キュー😉
Reference
この問題について(エルオペランドスプレッド), 我々は、より多くの情報をここで見つけました https://dev.to/alextomas80/el-operador-spread-en-javascript-12hcテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol