ការប្រើ Object ក្នុង JavaScript

 

Object គឺមានលក្ខណៈដូចទៅនឹង Variable ផ្សេងទៀតដែរ វាខុសគ្នាត្រង់ថា Object អាចផ្ទុកតម្លៃបានច្រើននៅក្នុងលក្ខខណ្ឌនៃ Property និង Method ផ្សេងៗ។ Property គឺផ្ទុកតម្លៃទៅតាមប្រភេទទិន្នន័យ និង Method គឺជា Function ផ្សេងៗរបស់ Object នោះ។ Property ឬ Method របស់ Object ត្រូវបានកំណត់ជាឈ្មោះហើយមានតម្លៃរបស់វា (named:values) ។ 

នៅក្នុង JavaScript អ្នកអាចបង្កើត Object បានតាមពីររបៀប៖ 

• Object literal 
• Object constructor

Object Literal

Object Literal គឺជាការបង្កើត Object តាមបែបធម្មតាមួយដោយប្រើប្រាស់សញ្ញា { } ហើយមាន Key ហើយនិង Value ជាគូស្ថិតនៅក្នុងសញ្ញា { } នោះ។ Key អាចជាឈ្មោះរបស់ Property ឬ Method ចំណែក Value គឺជាតម្លៃរបស់ Property ដែលកំណត់ប្រភេទទិន្នន័យណាមួយ ឬ Value ក៏អាចជា Function មួយផងដែរ។ ក្នុងនោះយើងមាន Key និង Value ច្រើន គេប្រើសញ្ញា (,) ដើម្បីបែងចែករវាង Key និង Value នីមួយៗ ។

-------------------------------------------------------------------------------------

var object-name = { key1: value1, key2: value2,... keyN: valueN,

                    methodname: function(){....}

                  }; 

-------------------------------------------------------------------------------------

ដើម្បីហៅតម្លៃរបស់ Object យើងសរសេរ object-name.key ចំណែក method សរសេរ object-name.methodname() ។

ឧទាហរណ៍៖

-------------------------------------------------------------------------------------

var person = {

                firstName: "Chamnan​",

                lastName: "Cheng",

                age: "21",

                getFullName: function(){

                    return this.firstName + ' ' + this.lastName

                } 

              }; 

document.write(person.firstName, "<br>");

document.write(person.lastName, "<br>"); 

document.write(person[firstName], "<br>");

document.write(person[lastName], "<br>"); 

document.write(person.getFullName());

-------------------------------------------------------------------------------------

លទ្ធផលគឺ៖
Chamnan 

Cheng

Chamnan 

Cheng

Chamnan  Cheng

Object Constructor

ការបង្កើត Object តាមបែប Constructor គឺត្រូវប្រើ Keyword new។ អ្នកអាចបង្កើត Property និង Method ដោយប្រើប្រាស់សញ្ញា . ហើយអ្នកក៏មានជម្រើសបង្កើតដោយប្រើសញ្ញាដង្កៀប [ ] បានផងដែរ រួចកំណត់ឈ្មោះ Property ជា String ។

-------------------------------------------------------------------------------------

var object-name = new Object();

//Create Property

object-name.property;

//Create Method

object-name.method = function (){

    ....

}

-------------------------------------------------------------------------------------

ការហៅគឺដូចគ្នាជាមួយ Object Literal

ឧទាហរណ៍៖

-------------------------------------------------------------------------------------

var person = new Object();

person.fullname = "Chan Dara";

person.birth = 2004;

person.age = function(){

    const d = new Date();

    return d.getFullYear() - this.birth;

}

document.write(person.fullname, "<br>"); 

document.write(person.age());

-------------------------------------------------------------------------------------

លទ្ធផលគឺ៖
Chan Dara

20 (ប្រែប្រួលទៅតាមឆ្នាំដែលអ្នកដំណើរការកូដ)

ការ Loop តម្លៃរបស់ Object

-------------------------------------------------------------------------------------

for (var new-variable in object){

    object[new-variable]

}

-------------------------------------------------------------------------------------