Jassif Team Institution

JavaScript பொருள்கள்

ஒரு பொருள் என்பது பல மாறிகளை வைத்திருக்கக்கூடிய ஒரு மாறியாகும்.

பொருள்கள் என்பது சாவி-மதிப்பு இணைகளின் தொகுப்பாகும், ஒவ்வொரு சாவியும் (சொத்து பெயர்கள் என அறியப்படுகிறது) ஒரு மதிப்பைக் கொண்டுள்ளது.

பொருள்கள் வீடுகள், கார்கள், மக்கள், விலங்குகள் அல்லது வேறு எந்த விஷயங்களையும் விவரிக்க முடியும்.

கார் பொருள்

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

வெவ்வேறு கார்களில் ஒரே பண்புகள் உள்ளன, ஆனால் பண்பு மதிப்புகள் கார் முதல் கார் வரை வேறுபடலாம்.

வெவ்வேறு கார்களில் ஒரே முறைகள் உள்ளன, ஆனால் முறைகள் வெவ்வேறு நேரங்களில் செயல்படுத்தப்படலாம்.

JavaScript பொருள்கள்

இந்த குறியீடு பல மதிப்புகளை (Fiat, 500, white) ஒரு கார் என்ற பொருளுக்கு ஒதுக்குகிறது:

const car = {type:"Fiat", model:"500", color:"white"};

JavaScript பொருளை எவ்வாறு உருவாக்குவது

ஒரு பொருள் மாறிலி என்பது ஒரு பொருளை உருவாக்க ஒரு சுருக்கமான வழியாகும்.

ஒரு பொருள் மாறிலி என்பது சுருள் பிரேஸ்களுக்குள் { } சாவி: மதிப்பு இணைகளின் பட்டியல்:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

பொருள் சொற்களில், சாவி: மதிப்பு இணைகள் பொருள் பண்புகள் ஆகும்.

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

கீழே உள்ள எடுத்துக்காட்டுகள் அனைத்தும் 4 பண்புகளுடன் ஒரு JavaScript பொருளை உருவாக்குகின்றன.

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

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

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

நீங்கள் ஒரு காலி பொருளையும் உருவாக்கலாம், பின்னர் பண்புகளை சேர்க்கலாம்:

const person = {};

// பண்புகளை சேர்க்க
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

new முக்கிய சொல்லைப் பயன்படுத்துதல்

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

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

நீங்கள் பொருள் பண்புகளை இரண்டு வழிகளில் அணுகலாம்:

objectName.propertyName
objectName["propertyName"]

person.lastName;
person["lastName"];

JavaScript பொருள் முறைகள்

பொருள் முறைகள் என்பது பொருள்கள் மீது செய்யக்கூடிய செயல்களாகும்.

பொருள் முறைகள் என்பது பண்பு மதிப்புகளாக சேமிக்கப்படும் செயல்பாடு வரையறைகளாகும்:

const person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

மேலே உள்ள எடுத்துக்காட்டில், this என்பது person பொருளைக் குறிக்கிறது:

JavaScript பொருள்களை எவ்வாறு காண்பிப்பது?

ஒரு JavaScript பொருளைக் காண்பிப்பது [object Object] ஐ வெளியீடு செய்யும்.

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

let text = person;

பொருள் பண்புகளைக் காண்பித்தல்

ஒரு பொருளின் பண்புகளை ஒரு சரத்தில் சேர்க்கலாம்:

const person = {
  name: "John",
  age: 30,
  city: "New York"
};

// பண்புகளை சேர்க்க
let text = person.name + "," + person.age + "," + person.city;

பொருள் கட்டமைப்பாளர் செயல்பாடுகள்

சில நேரங்களில் ஒரே வகையான பல பொருள்களை உருவாக்க வேண்டும்.

ஒரு பொருள் வகையை உருவாக்க, ஒரு பொருள் கட்டமைப்பாளர் செயல்பாட்டைப் பயன்படுத்துகிறோம்.

கட்டமைப்பாளர் செயல்பாடுகளை முதல் எழுத்து பெரிய எழுத்துடன் பெயரிடுவது நல்ல பயிற்சியாகக் கருதப்படுகிறது.

function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

இப்போது பல புதிய Person பொருள்களை உருவாக்க new Person() ஐப் பயன்படுத்தலாம்:

const myFather = new Person("John", "Doe", 50, "blue");
const myMother = new Person("Sally", "Rally", 48, "green");
const mySister = new Person("Anna", "Rally", 18, "green");
const mySelf = new Person("Johnny", "Rally", 22, "green");

சுருக்கம்

JavaScript இல், பொருள்கள் ராஜாவாக உள்ளன.

பொருள்களை நீங்கள் புரிந்து கொண்டால், JavaScript ஐப் புரிந்து கொள்கிறீர்கள்.

JavaScript இல், கிட்டத்தட்ட "எல்லாமே" ஒரு பொருளாகும்.

அனைத்து JavaScript மதிப்புகளும், முதன்மை மதிப்புகளைத் தவிர, பொருள்களாகும்.

JavaScript முதன்மை மதிப்புகள்

ஒரு முதன்மை தரவு வகை என்பது ஒரு ஒற்றை முதன்மை மதிப்பை மட்டுமே சேமிக்கக்கூடிய தரவு வகையாகும்.

JavaScript 7 வகையான முதன்மை தரவு வகைகளை வரையறுக்கிறது:

மேலும் அறிய:

• 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'
};