মূল কন্টেন্টে যান
মডিউল 3 · 3-এর পাঠ 4কোর্সে 11/32~12 min
মডিউল পাঠ (3/4)

ধ্বংস এবং বিস্তার

একই পরিবারের দুটি ভাইবোন বাক্য গঠন, ES6 দ্বারা প্রবর্তিত এবং এখন প্রতিদিন আধুনিক JS লেখার জন্য রুটি:

  • ডিস্ট্রাকচারিং: অ্যারে/অবজেক্ট থেকে এককভাবে একাধিক মান বের করুন লাইন
  • স্প্রেড ...: একটি অ্যারে বা বস্তুকে অন্যের ভিতরে "স্প্রেড" করে।

একসাথে তারা কোডকে আরও সংক্ষিপ্ত এবং পঠনযোগ্য করে তোলে।

বস্তু ধ্বংস

জোরে পড়ুন: "এর মান দিয়ে nome এবং eta ধ্রুবকগুলি তৈরি করুন utente" এর একই নামের বৈশিষ্ট্য।

JS
const utente = { nome: 'Anna', eta: 28, ruolo: 'admin' };

const { nome, eta } = utente;
console.log(nome); // 'Anna'
console.log(eta); // 28

নাম পরিবর্তন করা হচ্ছে

কী এর পরে : newName যোগ করুন:

JS
const { nome: n, eta: years } = utente;
// creates the variables n and years

ডিফল্ট মান

যদি সম্পত্তি অনুপস্থিত থাকে (বা undefined), ডিফল্ট ব্যবহার করা হয়:

JS
const { ruolo = 'reader', telefono = 'n/d' } = utente;
// ruolo = 'admin' (present), telefono = 'n/d' (missing)

বিনাশকরণ

এটি অবস্থান দ্বারা কাজ করে:

JS
const colori = ['rosso', 'verde', 'blu'];
const [primo, secondo] = colori;
// primo = 'rosso', secondo = 'verde'

const [, , terzo] = colori; // skips the first two
const [a, ...resto] = colori; // a = 'rosso', resto = ['verde','blu']

অ্যারেতে ছড়িয়ে দিন

...arr উপাদানগুলিকে "প্রসারিত করে":

JS
const a = [1, 2, 3];
const b = [4, 5];

const unione = [...a, ...b]; // [1, 2, 3, 4, 5]
const copia = [...a]; // shallow copy of a
const conPiu = [0, ...a, 4]; // [0, 1, 2, 3, 4]

বস্তুর উপর ছড়িয়ে পড়ে

পরবর্তী কীগুলি ওভাররাইড আগেরগুলি — অপরিবর্তনীয় আপডেটের জন্য মৌলিক:

JS
const utente = { nome: 'Anna', eta: 28 };

const aggiornato = { ...utente, eta: 29 };
// { nome: 'Anna', eta: 29 } — utente was NOT touched

const con = { ...utente, attivo: true };
// { nome: 'Anna', eta: 28, attivo: true }

চেষ্টা করে দেখুন

ব্যায়াম#js.m3.l3.e1
প্রচেষ্টা: 0লোড হচ্ছে...

প্রদত্ত `user = { name: 'Marco', বয়স: 34, city: 'Torino' }`, শুধুমাত্র `name` এবং `city` কে দুটি ধ্রুবক রূপে বের করতে এবং `\`${name} di ${city}\`` (অবশ্যই 'Marco di Torino'-এর সমান) ফেরত দিতে destructuring ব্যবহার করুন।

সম্পাদক লোড হচ্ছে...
ইঙ্গিত দেখান

const { name, city } = user; তারপর দুটি মান সহ একটি টেমপ্লেট আক্ষরিক।

সমাধান 3 প্রচেষ্টার পরে উপলব্ধ

ব্যায়াম পর্যালোচনা করুন

ব্যায়াম#js.m3.l3.e2
প্রচেষ্টা: 0লোড হচ্ছে...

প্রদত্ত `বেস = { থিম: 'অন্ধকার', আকার: 'md' }`, একটি নতুন অভিন্ন বস্তু ফেরত দিন কিন্তু স্প্রেড ব্যবহার করে `আকার` সেট করে 'lg'।

সম্পাদক লোড হচ্ছে...
ইঙ্গিত দেখান

শেষ অভিব্যক্তি বস্তু হতে হবে. এটি বন্ধনীতে মোড়ানো: ({ ...বেস, ... })।

সমাধান 3 প্রচেষ্টার পরে উপলব্ধ