విస్తరణ ఆపరేటర్ యొక్క ఉపయోగం ఎలా చేయాలి (...)

జావాస్క్రిప్ట్‌లో మూడింగ్ ఆపరేటర్ యొక్క ఉపయోగం నేర్చుకోండి (...) కూడా విస్తరణ ఆపరేటర్ అని పిలుస్తారు.

విస్తరణ ఆపరేటర్ (spread operator)

జావాస్క్రిప్ట్ యొక్క విస్తరణ ఆపరేటర్ (...ఒక కరువును కలిగివున్న వస్తువును (అర్రే వంటి) మరిన్ని అంశాలుగా విస్తరించవచ్చు.

ఇది మాకు ఇప్పటికే ఉన్న అర్రేల మొత్తాన్ని లేదా భాగాన్ని మరొక అర్రేలో కప్పడానికి అనుమతిస్తుంది:

ఉదాహరణ

జావాస్క్రిప్ట్‌లో విస్తరణ ఆపరేటర్‌ను ఉపయోగించి రెండు అర్రేలను కలపండి

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

స్వయంగా ప్రయత్నించండి

విస్తరణ ఆపరేటర్ తరచుగా అర్రేలో అవసరమైన భాగాన్ని తీసుకునేందుకు ఉపయోగిస్తారు:

ఉదాహరణ

నంబర్స్ అర్రే మొదటి మరియు రెండవ భాగాలను వ్యవస్థాపకాలకు పంచుకుని, మిగిలిన భాగాన్ని మరొక అర్రేలో చేర్చండి:

const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;

స్వయంగా ప్రయత్నించండి

మేము కూడా వస్తువులపై విస్తరణ ఆపరేటర్ ఉపయోగించవచ్చు:

ఉదాహరణ

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red'
}
const updateMyVehicle = {
  type: 'car',
  year: 2021,
  color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

స్వయంగా ప్రయత్నించండి

మీరు గమనించండి, మ్యాచ్ కాని అంశాలు మెరుగుపరచబడినప్పటికీ, మ్యాచ్ అయిన అంశాలు color చివరిగా ప్రవేశపెట్టబడిన వస్తువు updateMyVehicle 覆盖了。最终的颜色现在是黄色。

相关页面

教程:JavaScript ES6