الفرق بين المراجعتين لصفحة: «Sass/set»

من موسوعة حسوب
لا ملخص تعديل
ط مراجعة الصفحة وتدقيقها.
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE: الدالة <code>()‎set_nth</code> في Sass}}</noinclude>
<noinclude>{{DISPLAYTITLE: الدالة <code>()‎set_nth</code> في Sass}}</noinclude>
تعيد الدالة <code>()set_nth</code> قائمة جديدة، بناءً على القائمة المقدمة، ولكن مع استبدال العنصر رقم <code>‎$n</code> بالقيمة المعطاة. لاحظ أنه على عكس بعض اللغات، فإنّ رقم العنصر الأول في <nowiki/>[[Sass]] هو <code>1</code>، والثاني رقمه <code>2</code>، وهكذا. ستعالََج قيم الفهرس <code>‎$n</code> السالبة بترتيب عكسي، أي بدءًا من آخر عنصر في القائمة.
 تعيد الدالة <code>()set_nth</code> قائمة جديدة، بناءً على القائمة المُمرَّرة، بعد تبديل القيمة المعطاة مكان قيمة العنصر ذي الترتيب <code>‎$n</code>.


لاحظ أن رقم ترتيب العنصر الأول في <nowiki/>[[Sass]] هو 1، والعنصر الثاني هو 2، وهكذا على عكس بعض اللغات.
== البنية العامة ==
== البنية العامة ==
<syntaxhighlight lang="sass">
<syntaxhighlight lang="sass">
سطر 10: سطر 11:


=== <code>‎$list</code> ===
=== <code>‎$list</code> ===
القائمة التي ستُسخ، ويُغيّر العنصر رقم <code>‎$n</code> فيها.
القائمة التي ستُنسخ والتي ستُغيّر قيمة العنصر ذي الترتيب <code>‎$n</code> فيها.


=== <code>‎$n</code> ===
=== <code>‎$n</code> ===
رقم العنصر الذي سيُعيّن. إن كان سالبًا فسيُحسب من نهاية القائمة.  
رقم ترتيب العنصر المراد تغييره. إن كانت قيمة هذا المعامل سالبة، فسيحسب موضع العنصر بدءًا من نهاية القائمة. أي يبدأ العد بشكل عكسي انطلاقًا من آخر عنصر في القائمة. 


=== <code>‎$value </code> ===
=== <code>‎$value </code> ===
القيمة الجديدة للعنصر رقم <code>‎$n</code>.  
القيمة الجديدة للعنصر ذي الترتيب <code>‎$n</code>. 


== القيم المعادة ==
== القيم المعادة ==
القائمة بعد استبدال العنصر.
تُعاد القائمة <code>‎$list</code> بعد إجراء عمليَّة التبديل.


== الأخطاء والاستثناءات ==
== الأخطاء والاستثناءات ==
سيُرمى الخطأ <code>ArgumentError</code> إن لم يكن <code>‎$n</code> عددًا صحيحا بين <code>1</code> و طول القائمة <code>‎$list</code>.
سيُرمى الخطأ <code>ArgumentError</code> إن لم تكن قيمة المعامل <code>‎$n</code> عددًا صحيحًا واقعًا بين 1 وطول القائمة <code>‎$list</code>.


== أمثلة ==
== أمثلة ==
سطر 37: سطر 38:


== انظر أيضًا ==
== انظر أيضًا ==
* لدالة <code>[[Sass/nth|nth()]]</code>‎: تعيد العنصر رقم n في قائمة.
* لدالة <code>[[Sass/nth|nth()]]</code>‎: تعيد قيمة عنصر ذي ترتيب محدَّد في القائمة.
* الدالة <code>[[Sass/index|index()]]</code>‎: تعيد رقم عنصر في قائمة.
* الدالة <code>[[Sass/index|index()]]</code>‎: تعيد رقم عنصر محدَّد في القائمة.


== مصادر ==
== مصادر ==

مراجعة 16:04، 12 مايو 2018

 تعيد الدالة ()set_nth قائمة جديدة، بناءً على القائمة المُمرَّرة، بعد تبديل القيمة المعطاة مكان قيمة العنصر ذي الترتيب ‎$n.

لاحظ أن رقم ترتيب العنصر الأول في Sass هو 1، والعنصر الثاني هو 2، وهكذا على عكس بعض اللغات.

البنية العامة

set_nth($list, $n, $value)

المعاملات

‎$list

القائمة التي ستُنسخ والتي ستُغيّر قيمة العنصر ذي الترتيب ‎$n فيها.

‎$n

رقم ترتيب العنصر المراد تغييره. إن كانت قيمة هذا المعامل سالبة، فسيحسب موضع العنصر بدءًا من نهاية القائمة. أي يبدأ العد بشكل عكسي انطلاقًا من آخر عنصر في القائمة. 

‎$value 

القيمة الجديدة للعنصر ذي الترتيب ‎$n

القيم المعادة

تُعاد القائمة ‎$list بعد إجراء عمليَّة التبديل.

الأخطاء والاستثناءات

سيُرمى الخطأ ArgumentError إن لم تكن قيمة المعامل ‎$n عددًا صحيحًا واقعًا بين 1 وطول القائمة ‎$list.

أمثلة

مثال عن استخدام الدالة set_nth()‎ لضبط قيمة الحواشي (padding):

.selector {
  padding: set-nth($list: 10px 20px 30px 30px, $n: 2, $value: 15px); // 10px 15px 30px 30px
}

سيُصرّف المثال السابق إلى شيفرة CSS الآتية:

.selector {
  padding: 10px 15px 30px 30px;
}

انظر أيضًا

  • لدالة nth()‎: تعيد قيمة عنصر ذي ترتيب محدَّد في القائمة.
  • الدالة index()‎: تعيد رقم عنصر محدَّد في القائمة.

مصادر