optional-chaining-and-nullish-coalescing-operator

8.21 Optional chaining and Nullish Coalescing Operator

Optional chaining

একটি উদাহরণ দিয়ে শুরু করা যাক।

let student = {

name: “Rifat”,

age: 10,

class: “9”,

roll: 2,

hometown: “Dhaka”,

};

আমরা যখনি একটি object এর কোন property/properties access করতে যাই তখন তাকে “.” symbol দ্বারা access করে একটি chain create করি।
যেমন : student.name বা student.age .
কিন্তু এই chain টি valid কিনা তা check করার জন্য Optional chaining use করে খুব সহজেই তা বের করে ফেলতে পারি /
আমরা এখন student.school কে access করতে যাই, তবে javascript আমাদের একটি undefined show করবে এবং বলবে যে, আমরা এই student নামক object টির school নামক যে property টি access করতে চাচ্ছি, তা student নামক object টির মাঝে নেই.
তাই একটি property কোন object এ belong করে কি না, এবং যদি সেই প্রপার্টি টি object এ belong করে তা Optional chaining এর মাধ্যমে check করে নিতে পারি।

// with Optional chaining

console.log(student?.address);

// without Optional chaining

console.log(student.address);

তবে main object এর ক্ষেত্রে এটি প্রযোজ্য নয়.
যেমন :studentXyz?.address কে access করতে চাইলে সে একটি ReferenceError দিবে।

একইভাবে array এর ক্ষেত্রেও আমরা array এর property এর validity check করতে পারি।
Example :

let numbers = [“1”, “2”];

console.log(numbers?.[2]);

Nullish coalescing operator

Nullish coalescing operator এমন একটি operator, যা left-hand side এ null কিংবা undefined থাকলে right-hand side কে return করে অন্যথায় সে তার left-hand side operand কে return করে।

const a = null;

console.log(a ?? “right”);

//output : right

let b = 10;

console.log(b ?? “left”);

//output : 10

উদাহরন

let student = {
id: 0,
registration_no: 10102019,
age: 7,
class: “Standart 1”,
Hometown: “Mymensingh”,
};
- উদাহরণ- ১
console.log(student.registration_no); // 10102019
- উদাহরণ- ২
console.log(student?.registration_no); //10102019
- উদাহরণ- ৩
console.log(student?.age ?? “Humm…”); // 7
- উদাহরণ- ৪
console.log(student?.father ?? “Humm…”); //Humm..
- উদাহরণ- ৫
console.log(teacher?.has_pocket); //aa.js:13 Uncaught ReferenceError: teacher is not defined

এসো নিজে করি

let shirtData = {

id: 0,

product_id: “##321ssl”,

size: “XL”,

color: “red”,

has_pocket: false,

};

console.log(shirtData.product_id);

console.log(shirtData?.product_id);

console.log(shirtData?.color);

console.log(shirtData.has_button);

console.log(shirtData?.has_button);

console.log(shirtData?.has_button ?? “Humm…”);

console.log(shirtData?.has_pocket ?? “Humm…”);

console.log(shirt.has_pocket ?? “Humm…”);

console.log(shirt?.has_pocket ?? “Humm…”);

উল্লিখিত কোডটির আউটপুটগুলো বের কর।

8.21 Optional chaining and Nullish Coalescing Operator

Optional chaining

Nullish coalescing operator

ঠিকানা

লিংকসমূহ

অন্যান্য

যোগাযোগ করুন

© Vivasoft 2023 • All rights reserved.