ভ্যানিলা জাভাস্ক্রিপ্ট সহ একটি বস্তুতে আইটেমগুলি কীভাবে যুক্ত করবেন

জাভাস্ক্রিপ্টে একটি বস্তুতে আইটেম যোগ করার দুটি উপায় রয়েছে:

1. ডট ডটেশন:object.thingToAdd
2. বন্ধনী স্বরলিপি:object['thingToAdd'

ডট নোটেশন

প্রথমে ডট নোটেশন দেখি:

let dog = {
  name: "Naya",
  age: "2",
  color: "black",
}

// Add item to dog object
dog.breed = "Rottweiler mix"

// Log object to console
console.log(dog)
// { name: "Naya", age: "2", color: "black", breed: "Rottweiler mix", }

এটি ডট নোটেশন।

বন্ধনী স্বরলিপি

আপনি কিভাবে একটি বস্তুতে বৈশিষ্ট্য যোগ করতে পারেন তার উপর বন্ধনী স্বরলিপির কম সীমাবদ্ধতা রয়েছে। আগে থেকে একই কুকুর বস্তু তাকান:

let dog = {
  name: "Naya",
  age: "2",
  color: "black",
}

এখন বন্ধনী স্বরলিপি সহ একটি সম্পত্তি এবং মান যোগ করা যাক:

dog["weight"] = "34kg"

console.log(dog)
//  { name: "Naya", age: "2", color: "black", weight: "34kg", }

আপনি দেখতে পাচ্ছেন, এটি ডট নোটেশনের মতো ঠিক একইভাবে কাজ করে — এই নির্দিষ্ট উদাহরণে।

এখন দুটি পদ্ধতির তুলনা করা যাক।

ডট নোটেশন বনাম বন্ধনী নোটেশন

একটি নম্বর যোগ করার চেষ্টা করুন ডট নোটেশন: ব্যবহার করে নতুন সম্পত্তির নাম হিসাবে

// Dot notation
dog.1 = "Property 1"
console.log(dog)
// Uncaught SyntaxError: Unexpected number

ওহো, আপনি একটি ত্রুটি পেতে! কারণ ডট নোটেশন দিয়ে আপনি সংখ্যা ব্যবহার করতে পারবেন না সম্পত্তির নামে।

কিন্তু আপনি পারবেন৷ বন্ধনী স্বরলিপি সহ সংখ্যাগুলি ব্যবহার করুন, যতক্ষণ না আপনার সনাক্তকারী একটি স্ট্রিং হিসাবে ফর্ম্যাট করা হয়:

// Bracket notation
dog["1"] = "Property 1"
console.log(dog)
// { 1: "Property 1", age: "2", color: "black", name: "Naya" }

আবার, বন্ধনী নোটেশন ডট নোটেশনের চেয়ে বেশি নমনীয়।

আপনি কোনটি ব্যবহার করবেন?

আপনি যখনই পারেন তখন ডট নোটেশন ব্যবহার করা একটি ভাল অভ্যাস কারণ এটি পড়া সহজ। কিন্তু যখনই আপনাকে কোনো বস্তুতে কোনো প্রপার্টি যোগ করতে হবে, এবং প্রপার্টিটি একটি সংখ্যা, বিশেষ চিহ্ন বা কোনো সংরক্ষিত কীওয়ার্ড দিয়ে শুরু করতে হবে, তখন বন্ধনী নোটেশন ব্যবহার করুন।

ডট নোটেশন:

• সম্পত্তি শনাক্তকারী (নাম) এবং শুধুমাত্র আলফানিউমেরিক (a—z) অক্ষর, আন্ডারস্কোর (_ ), অথবা $ .
• সম্পত্তি শনাক্তকারীরা পারবে না একটি সংখ্যা দিয়ে শুরু করুন৷
• সম্পত্তি শনাক্তকারীরা পারবে না ভেরিয়েবল ধারণ করে।

বন্ধনী স্বরলিপি:

• সম্পত্তি শনাক্তকারী (নাম) একটি স্ট্রিং মান প্রকার বা একটি পরিবর্তনশীল হতে হবে যা রেফারেন্স একটি স্ট্রিং।
• আপনি শনাক্তকারী [" property"] স্পেস ব্যবহার করতে পারেন ,
• স্ট্রিং শনাক্তকারীরা পারি সংখ্যা দিয়ে শুরু করুন ["1st"]