Þrír gagnlegir punktar – hvíldin og dreifing í JavaScript

Hvíldarstillingar

Rest-setningafræði leyfir okkur til að tákna óákveðið fjölda rökstyðja sem fylki. Skoðaðu fall sem leggur saman allar rökstyðjur sem sendar eru.

const sum = (...args) => args.reduce((prev, current) => prev + current);

console.log(sum(1, 2)); // 3
console.log(sum(1, 2, 3)); // 6

Breyta ritun

Breiddaroperandinn gerir okkur kleift að breiða endurtekningarhæfum gögnum út í einstaka þætti. Þessi virkni er andstæð því sem við náðum með rest-parametrunum. Hún má beita á öll endurtekningarhæf gögn, svo sem fylki, hluti, safna, kort o.s.frv.

const sum = (x, y, z) => x + y + z;
const numbers = [1, 2, 3];

console.log(sum(...numbers)); // 6

Þrír punktar í raunverulegum notkunartilvikum

Að afrita fylki

spread-samsetningin fer í raun einu stigi dýpra þegar fylki er afritað. Eitt stig þýðir að fyrsta stig vísana er afritað.

const array0 = [1, [2, 3]];
const array1 = [...array0];

console.log(array1); // [1, [2, 3]]

Að búa til fylki af einstökum þáttum

Búðu til safn sem geymir eingöngu einstök atriði og umbreyttu því aftur í fylki.

const array = [1, 1, 2, 3];
const uniqueElements = [...new Set(array)];

console.log(uniqueElements); // [1, 2, 3]

Sameina fylki

const array0 = [1, 2];
const array1 = [3, 4];
const concated = [...array0, ...array1];

console.log(concated); // [1, 2, 3, 4]

Skerða fylki

const [firstElement, ...newArray] = [1, 2, 3, 4];

console.log(firstElement); // 1
console.log(newArray); // [2, 3, 4]

Við getum einnig fjarlægt n fyrstu þætti með kommu.

const [, , , ...newArray] = [1, 2, 3, 4];

console.log(newArray); // [4]

Að setja fylki í byrjun annars fylkis

const array0 = [4, 5, 6];
const array1 = [1, 2, 3];
const newArray = [...array1, ...array0];

console.log(newArray); // [ 1, 2, 3, 4, 5, 6 ]

Búa til fylki af tölum frá 0 til n

const array = [...Array(10)].map((_, i) => i);

console.log(array); // [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

Uppbygging hlutar

const { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };

console.log(x); // 1
console.log(y); // 2
console.log(z); // { a: 3, b: 4 }

Að búa til afrit af hlut

let person = {
  name: 'John',
  age: 25,
  wallet: {
    sum: 500,
    currency: 'USD'
  }
};
let personCopy = { ...person };

console.log(personCopy);
// {
//   name: 'John',
//   age: 25,
//   wallet: {
//     sum: 500,
//     currency: 'USD'
//   }
// }

Athugaðu að afritið af hlutnum sem búið er til er nýr hlutur með öllum eiginleikum upprunalega hlutans en án allra upplýsinga um prototypu hans.

person.age = 20;

console.log(person.age); // 20
console.log(personCopy.age); // 25

Athugaðu að spread-samsetningin býr til yfirborðslega afrit af hlutnum, svo eignin ‘wallet’ verður einungis afrituð sem vísbending í upprunalega undirhlutinn. Fyrir djúpa klóningu geturðu notað JSON stringify/parse-aðferðina eða ‘cloneDeep’-aðferðina sem Lodash býður upp á, allt eftir flækjustigi hlutarins þíns. Í sumum tilvikum getur þessi aðferð einnig verið gagnleg:

let personCopy = { ...person, wallet = {...person.wallet}}; 

Skilgreina skilyrði fyrir bætingu eiginleika við hluti

Við getum skilyrðislega bætt eiginleika við nýtt hlut sem við erum að búa til með því að nota spread-operatórinn ásamt stuttstrengismati.

const colors = {
  rauður: '#ff0000',
  grænn: '#00ff00',
  blár: '#0000ff'
};
const black = {
  svartur: '#000000'
};

let extraBlack = false;
let conditionalMerge = {
  ...colors,
  ...(extraBlack ? black : {})
};

console.log(conditionalMerge);
// {
//   red: '#ff0000',
//   green: '#00ff00',
//   blue: '#0000ff'
// }

extraBlack = true;
conditionalMerge = {
  ...colors,
  ...(extraBlack ? black : {})
};

console.log(conditionalMerge);
// {
//   red: '#ff0000',
//   green: '#00ff00',
//   blue: '#0000ff'
//   black: '#000000'
// }

Skipta strengi í stafi

Þetta er svipað og að kalla split-aðferðina með tómum streng sem breytur.

const split = [...'qwerty'];
console.log(split); // [ 'q', 'w', 'e', 'r', 't', 'y' ]

Lesa meira:

3 algengir áskoranir í hugbúnaðarvöruframþróun hjá sprotafyrirtækjum

Besti gerðir verkefna fyrir Java

Hvernig á ekki að drepa verkefni með slæmum forritunarvenjum?