如何从JavaScript对象数组中删除特定的元素？

Question

我收到从一个php文件输出JSON， 与一些对象，像这样：

[ 
    { "home_content" : "Nam feugiat sem diam, ut fermentum orci hendrerit sit amet.", 
    "home_id" : 2, 
    "home_img" : "tech.png", 
    "home_title" : "Latest Technologies Development" 
    }, 
    { "home_content" : "לורם לורם", 
    "home_id" : 239, 
    "home_img" : "http://placehold.it/400", 
    "home_title" : "שוק פירות וירקות" 
    }, 
    { "home_content" : "New Item Content", 
    "home_id" : 259, 
    "home_img" : "http://www.placehold.it/100", 
    "home_title" : "New Home Item" 
    } 
] 

在我的应用我想删除某个对象， 是有没有办法收到它的位置说通过home_id？ 或任何可以让我从该列表中区分某个对象

Answer 1

你有什么有对象的数组，所以你可以通过数组循环，直到你找到一个与所需home_id：

var index; 
for (index = 0; index < array.length; ++index) { 
    if (array[index].home_id === 2) { 
     array.splice(index, 1); // Removes this entry 
     break;     // Exits the loop 
    } 
} 

Answer 2

你有什么是数组（从JSON解析获得的），所以你必须找到正确的索引，它拼接：

function delObjWithHomeId(arr, id) { 
    for(var i=0; i<arr.length; i++) { 
     if(arr[i].home_id === id) { 
      return arr.splice(i,1); 
     } 
    } 
} 

Answer 3

你张贴什么有对象的数组。这是一个重要的区别 - 尽管在JavaScript中，并且数组是的一种对象。

如您所见，对象可以包含与数据元素对应的字母数字属性名称（如果您愿意的话）。相反，一个数组从数字开始，索引为0.它很像一个对象，但属性名称都是数字，并且都是按顺序排列的。

所以，想象你的数据是这样的：

{ 
0:{ 
home_id: 2 
home_title: Latest Technologies Development 
home_img: tech.png 
home_content: Nam feugiat sem diam, ut fermentum orci hendrerit sit amet. 
}, 
1:{ 
home_id: 239 
home_title: שוק פירות וירקות 
home_img: http://placehold.it/400 
home_content: לורם לורם 
}, 
2:{ 
home_id: 259 
home_title: New Home Item 
home_img: http://www.placehold.it/100 
home_content: New Item Content 
} 
} 

您可以使用多种方法来操作数组，像push()，pop()，shift()。要访问特定的一个，通常会结束循环（除非您已知道正确的索引）。

有几种方法来循环阵列，while是的许多可能的方法之一：

var i = 0; 
while(var oneItem = myArray[i++]){ 
    if (oneItem.home_id == theItemIdIAmLookingFor) { 
     myArray.splice(i, 1); 
     break; 
    } 
} 

文档

• 阵列上MDN - 上MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
• 对象 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
• Array.push on MDN - 在MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push
• 循环语句 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Statements#Loop_Statements