freeCodeCamp/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
5cfa550e84205a357704ccb6	Use Destructuring Assignment to Extract Values from Objects	1	301216	use-destructuring-assignment-to-extract-values-from-objects

--description--

Destructuring assignment هي syntax خاص في ES6، لتعيين القيم المأخوذة مباشرة من object.

انظر إلى مثال كود ES5 التالي:

const user = { name: 'John Doe', age: 34 };

const name = user.name;
const age = user.age;

name ستكون له قيمة السلسلة John Doe، و age سيكون الرقم 34.

إليك بيان تعيين (assignment statement) معادل باستخدام ES6 destructuring syntax:

const { name, age } = user;

مرة أخرى، name سيكون له قيمة للسلسلة John Doe، و age سيكون الرقم 34.

هنا، سيتم إنشاء متغيرات name و age وتعيين القيم الخاصة بها من كائن user. يمكنكم أن تروا كم هذا افضل بكثير.

يمكنك استخراج العديد أو القليل من القيم من الـ object كما تريد.

--instructions--

استبدل التعينين بـ destructuring assignment معادلة لها. يجب أن يستمر في تعيين المتغيرين today و tomorrow القيم today و tomorrow من الـ object الآتي HIGH_TEMPERATURES.

--hints--

يجب عليك إزالة صيغة تعيين ES5.

assert(
  !code.match(/today\s*=\s*HIGH_TEMPERATURES\.(today|tomorrow)/g)
);

يجب عليك استخدام الـ destructuring لإنشاء المتغير today.

assert(
  code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
);

يجب عليك استخدام الـ destructuring لإنشاء المتغير tomorrow.

assert(
  code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
);

today يجب أن يساوي 77 و tomorrow يجب أن يساوي 80.

assert(today === 77 && tomorrow === 80);

--seed--

--seed-contents--

const HIGH_TEMPERATURES = {
  yesterday: 75,
  today: 77,
  tomorrow: 80
};

// Only change code below this line

const today = HIGH_TEMPERATURES.today;
const tomorrow = HIGH_TEMPERATURES.tomorrow;

// Only change code above this line

--solutions--

const HIGH_TEMPERATURES = {
  yesterday: 75,
  today: 77,
  tomorrow: 80
};

const { today, tomorrow } = HIGH_TEMPERATURES;