اذهب إلى المحتوى
  • 0

اعادة اسم واحد وليس كل البيانات من رد API في جافاسكربت

Zeina Almakdisi

السؤال

قمت باخذ Api من موقع يعيد اسماء وصور ومعلومات لعدد من الممثلين

لكن أريد فقط اعادة الاسم الذي اريده من بين الاسماء الموجودة

async function breaking_bad() {
 const response=await fetch( "https://breakingbadapi.com/api/characters")
const data=await.json()
console.log(data)
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

في حال طباعة طول مصفوفة data

  console.log(data.length);

سوف يكون 62 وهو عدد الشخصيات،

وفي حال طباعة data سوف تظهر النتائج على الشكل التالي: (مصفوفة كائنات)

[
  {
    char_id: 1,
    name: 'Walter White',
    birthday: '09-07-1958',
    occupation: [ 'High School Chemistry Teacher', 'Meth King Pin' ],
    img: 'https://images.amcnetworks.com/amc.com/wp-content/uploads/2015/04/cast_bb_700x1000_walter-white-lg.jpg',
    status: 'Presumed dead',
    nickname: 'Heisenberg',
    appearance: [ 1, 2, 3, 4, 5 ],
    portrayed: 'Bryan Cranston',
    category: 'Breaking Bad',
    better_call_saul_appearance: []
  },
  {
    char_id: 2,
    name: 'Jesse Pinkman',
    birthday: '09-24-1984',
    occupation: [ 'Meth Dealer' ],
    img: 'https://vignette.wikia.nocookie.net/breakingbad/images/9/95/JesseS5.jpg/revision/latest?cb=20120620012441',
    status: 'Alive',
    nickname: "Cap n' Cook",
    appearance: [ 1, 2, 3, 4, 5 ],
    portrayed: 'Aaron Paul',
    category: 'Breaking Bad',
    better_call_saul_appearance: []
  },
  .....
  
  ......
  ....
]
  • فالسؤال ما هو الاسم الذي تريدينه من بين 62 شخصية؟

يمكن الوصول لشخصية معينة عبر دليل المصفوفة data 0-1-2-3

let character1 = data[0];

بهذه الطريقة سوف يحمل المتغير character1 كائن يمثل بيانات أول شخصية (كما في المثال السابق)

وطالما أنه كائن JSON يمكن الوصول لخواص هذا الكائن عن طريق النقطة

let name = data[0].name;

or

let name = character1.name;

في حال أردت عمل فلترة ضمن المصفوفة نستخدم filter مع تمرير شرط ( رقم الشخصية)

  let character = data.filter(obj => obj.char_id == 1)
  
  console.log(character[0].name);

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...