freeCodeCamp/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d78b3367417b2b2512b11	إضافة عناصر باستخدام splice()	1	301152	add-items-using-splice

--description--

تذكر في التحدي السابق الذي ذكرناه إن splice() تمكن أن تأخذ ما يصل إلى ثلاثة وسائط (parameters)؟ حسناً، يمكنك استخدام الوسيط الثالث، المكون من عنصر واحد أو أكثر، للإضافة إلى القائمة (array). يمكن أن يكون هذا مفيدًا بشكل لا يصدق للتبديل السريع لعنصر، أو مجموعة من العناصر، بعنصر آخر.

const numbers = [10, 11, 12, 12, 15];
const startIndex = 3;
const amountToDelete = 1;

numbers.splice(startIndex, amountToDelete, 13, 14);
console.log(numbers);

تمت إزالة الحدث الثاني من 12, وإضافة 13 و 14 في نفس الترتيب. القائمة numbers ستكون الآن [ 10, 11, 12, 13, 14, 15 ].

وهنا نبدأ بالقائمة من الأرقام. ثم نمرر ما يلي إلى splice(): الترتيب الذي نبدأ منه لحذف العناصر (3)، وعدد العناصر المراد حذفها (1)، والوسيطات المتبقية (13، 14) سيتم أدخالها بدءا في نفس الترتيب. لاحظ أنه يمكن أن يكون هناك أي عدد من العناصر (مفصولة بفواصل) بعد amountToDelete، وكل عنصر منهم يتم إدخاله.

--instructions--

لقد حددنا الوظيفة htmlColorNames، التي تأخذ قائمة من ألوان HTML كحجة. عدّل الوظيفة باستخدام splice() لإزالة العنصرين الأولين من القائمة وإضافة 'DarkSalmon' و 'BlanchedAlmond' في الأماكن الخاصة بهم.

--hints--

htmlColorNames يجب ينتج ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurquoise", "FireBrick"]

assert.deepEqual(
  htmlColorNames([
    'DarkGoldenRod',
    'WhiteSmoke',
    'LavenderBlush',
    'PaleTurquoise',
    'FireBrick'
  ]),
  [
    'DarkSalmon',
    'BlanchedAlmond',
    'LavenderBlush',
    'PaleTurquoise',
    'FireBrick'
  ]
);

يجب أن تستخدم وظيفة htmlColorNames الطريقة splice()

assert(/.splice/.test(code));

لا يجب عليك استخدام shift() أو unshift().

assert(!/shift|unshift/.test(code));

لا يجب عليك استخدام bracket notation القائمة.

assert(!/\[\d\]\s*=/.test(code));

--seed--

--seed-contents--

function htmlColorNames(arr) {
  // Only change code below this line

  // Only change code above this line
  return arr;
}

console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurquoise', 'FireBrick']));

--solutions--

function htmlColorNames(arr) {
  arr.splice(0,2,'DarkSalmon', 'BlanchedAlmond');
  return arr;
}