Jassif Team Institution

JavaScript பொருள் பண்புகள்

ஒரு பொருள் என்பது பண்புகளின் வரிசைப்படுத்தப்படாத தொகுப்பாகும்.

பண்புகள் JavaScript பொருள்களின் மிக முக்கியமான பகுதியாகும்.

பண்புகள் மாற்றப்படலாம், சேர்க்கப்படலாம், நீக்கப்படலாம், மற்றும் சில படிக்க மட்டும் பண்புகளாகும்.

JavaScript பண்புகளை அணுகுதல்

ஒரு பொருளின் பண்பை அணுகுவதற்கான தொடரியல்:

// objectName.property
let age = person.age;

அல்லது

// objectName["property"]
let age = person["age"];

அல்லது

// objectName[expression]
let age = person[x];

எடுத்துக்காட்டுகள்

person.firstname + " is " + person.age + " years old.";
person["firstname"] + " is " + person["age"] + " years old.";

let x = "firstname";
let y = "age";
person[x] + " is " + person[y] + " years old.";

புதிய பண்புகளைச் சேர்த்தல்

ஒரு மதிப்பை வழங்குவதன் மூலம் ஒரு இருக்கும் பொருளுக்கு புதிய பண்புகளைச் சேர்க்கலாம்:

person.nationality = "English";

பண்பு இயல்புநிலை மதிப்புகள்

ஒரு பண்புக்கு வழங்கப்படும் மதிப்பு கட்டமைப்பாளரால் உருவாக்கப்பட்ட அனைத்து பொருள்களுக்கும் இயல்புநிலை மதிப்பாக இருக்கும்:

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.nationality = "English";
}

பண்புகளை நீக்குதல்

delete முக்கிய சொல் ஒரு பொருளிலிருந்து ஒரு பண்பை நீக்குகிறது:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person.age;

அல்லது

delete person["age"];

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person["age"];

கூடு கட்டிய பொருள்கள்

ஒரு பொருளில் உள்ள பண்பு மதிப்புகள் மற்ற பொருள்களாக இருக்கலாம்:

myObj = {
  name: "John",
  age: 30,
  myCars: {
    car1: "Ford",
    car2: "BMW",
    car3: "Fiat"
  }
}

நீங்கள் dot notation அல்லது bracket notation ஐப் பயன்படுத்தி கூடு கட்டிய பொருள்களை அணுகலாம்:

myObj.myCars.car2;
myObj.myCars["car2"];
myObj["myCars"]["car2"];

let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];

மேலும் அறிய

• JavaScript Object Definitions
• JavaScript Object Constructors
• JavaScript Object this
• JavaScript Object Destructuring
• JavaScript Object Prototypes
• JavaScript Object Iterations
• JavaScript Object Management
• JavaScript Object Getters & Setters
• JavaScript Object Protection
• JavaScript Object Reference

பயிற்சி

const car = {
  brand: 'Volvo',
  model: 'EX90'
};