دورة javascript للمبتدئين الدرس الثامن


فهاد الجزء الثامن من دورة javascript للمبتدئين غادي نكملو الدروس ديالنا غادي نشوفوا كيفاش نتعاملو مع les objets لي هما حاجة مهمة ف javascript غادي نشوفوا كيفاش ن récupérer les valeurs من ل objet وغادي نشوفوا كيفاش نزيدوا des différents type de données  فل objet.


1- كيفاش نزيد objet

فالمثال لي عندنا زدنا objet person لي عطيناه des valeurs كاين nom ل prénom ول age فباش ن afficher le nom كنخدم ب console.log لي كنعطيها person.nom فكن afficher la valeur ديال ل variable nom ونفس الشي يلا بغيت ن afficher prenom ou age الكود لي زدنا هو :

                                //ajouter un objet

const person = {
    nom : 'samadi',
    prenom : 'samir',
    age : 30
}
console.log(person.nom);
                            

2- كيفاش نزيد array داخل ل objet

فالمثال لي زدنا كنزيدو واحد ل array لل objet ولي سميناها hobbies لي هي الهوايات فيلا بغيت ن afficher شي هواية مثلا الأولى لي هي music فكندير console.log وكندير [person.hobbies[0  لي هي ل index 0 ديال ل array لي فيها music الكود لي زدنا هو :

                                //ajouter un array

const person = {
    nom : 'samadi',
    prenom : 'samir',
    age : 30,
    hobbies: ['music', 'sports'],
}
console.log(person.hobbies[0]);
                            

3- كيفاش نزيد objet داخل objet

فالمثال لي زدنا كنزيدو واحد ل objet لل objet ولي سميناه address لي فيه ل ville ول pays فباش ن afficher مثلا ل ville كنخدم بل console.log لي كنعطيها ل person.address.ville الكود لي زدنا هو :

                                //ajouter objet 

const person = {
    nom : 'samadi',
    prenom : 'samir',
    age : 30,
    hobbies: ['music', 'sports'],
    address: {
    ville: 'Taza',
    pays: 'Maroc'
  },
}
console.log(person.address.ville);
                            

4- كيفاش نزيد fonction داخل objet

فالمثال لي زدنا كنزيدو واحد ل fonction لل objet ولي سميناها getBirthYear لي كتعطينا العام لي تزاد فيه المستخدم كتاخد ل age وكتنقصها من العام الحالي لي هو 2018 وكترجعنا تاريخ الإزدياد وباش ن exécuter ل fonction كندير person.getBirthYear كنزيدها فوسط ل console.log باش ن afficher résultat  الكود لي زدنا هو :

                                    //ajouter une fonction

const person = {
  nom : 'samadi',
  prenom : 'samir',
  age : 30,
  hobbies: ['music', 'sports'],
  address: {
    ville: 'Taza',
    pays: 'Maroc'
  },
  getBirthYear: function(){
    return 2018 - this.age;
  }
}
console.log(person.getBirthYear());
                                

5- كيفاش نزيد array ديال les objets

فالمثال لي عندنا كنزيدو واحد ل array لي سميناها people ولي فيها مجموعة من les objets ولي فيهم nom و age باش ن afficher les noms كاملين كنخدم ب for loop وفل console.log كن afficher les noms كاملين لي عندي الكود لي زدنا هو :

                                    //array objects

const people = [
  {name: 'Imad', age: 30},
  {name: 'Samir', age: 23},
  {name: 'Amine', age: 40}
];

for(let i = 0; i < people.length; i++){
  console.log(people[i].name);
}