הוספת ערך למערך לפי ID - ג'אוהסקריפט

[chagold]

איך אפשר להוסיף ערך למערך, במיקום מסויים, או לחילופין להזיז את המיקום של האובייקט במערך
הקוד כרגע הוא:

      var app7 = new Vue({
      el: '#app-7',
        
      data: {
        groceryList: [
          { id: 0, text: 'Vegetables' },
          { id: 1, text: 'Cheese' },
          { id: 2, text: 'Whatever else humans are supposed to eat' }
        ]
      }

[dovid]

splice.
זה פונקציה שעושה הרבה. מוסיפה ערך אחד או יותר במקום נבחר (לפי אינדקס), ואף מסירה ערכים קיימים (מאותו המיקום ואילך, לפני ההוספה - אם ישנה הוספה).
היא לא יוצרת מערך חדש אלא פועלת על הקיים.
היא מקבלת שלושה ארגומנטים ואילך:
ארגומנט ראשון הוא האינדקס ממנו מתחיל ההסרה או ההוספה, הארגומנט השני, הוא מספר האיברים למחיקה.
השלישי ואילך זה החדשים שיוכנסו במיקום המצויין.

app7.data.groceryList.splice(2, 0, { id: 1.5, text: "new" })

[אהרן]

@chagold
מסקרן אותי צורת העבודה שלך
כשתמחוק\תוסיף\תזיז את האוביקט, תמספר שוב את כל האוביקטים?

[אהרן]

זוכר שאיפשהו יש תשובה לשאלה אך לא מוצא

איך מנהלים את מספרי ה-index כשמכניסים איברים חדשים באמצע?
והאם לא יכולים להיווצר כפילויות של אותם מספרי index לכמה איברים?

[chagold]

התשובה היתה שמוסיפים לפי שבר (לדוגמא 1.5) כמו שהוזכר בדוגמא דלעיל של @dovid .

הסיבה שאתה לא מוצא את התשובה זה כיון שהשאלה נכתבה לפי שהפורום קרס (למי שזוכר) והשחזור מהגיבוי כלל את השאלה ולא התשובה...

[אהרן]

@chagold
אבל כך אני לא יכול לוודא שאין כפולים
ומה אם שוב הלקוח מוסיף איבר אחרי אינדקס 1?
נראה שאין מנוס מלשמור כל הזמן מצביע ולחפש את מקומו באמצעות findIndex.