在JavaScript中按键将项目添加到数组

Question

I need to group item having same name property and increase their number . I try to assign to new array and check existed item by key. It works fine when I use this solution in PHP, but in JavaScript it doesn't.

I have searched some similar questions, but I don't know why it doesn't work.

 var orgArr = [ {name: 'abc', number: 3}, {name: 'xyz', number: 2}, {name: 'abc', number: 5} ]; var result = []; //work if result = {}; for (var i = 0; i < orgArr.length; i++) { if (!result[orgArr[i].name]) { result[orgArr[i].name] = orgArr[i]; //assign new } else { result[orgArr[i].name].number += orgArr[i].number; //increase number if name exist in result array } } alert(JSON.stringify(result)); //expect array 2 item but it's empty array console.log(result); //Will have result 2 item when I view console window 

Answer 1

 var orgArr = [ {name: 'abc', number: 3}, {name: 'xyz', number: 2}, {name: 'abc', number: 5} ]; var result = []; //work if result = {}; var tempArray = []; // used to store unique name to prevent complex loop orgArr.forEach(function(item){ if($.inArray(item.name, tempArray)< 0){// unique name result.push(item); tempArray.push(item.name); } else{ var indexNew = $.inArray(item.name, tempArray); result[indexNew].number += item.number; } }); alert(JSON.stringify(result)); //expect array 2 item but it's empty array console.log(result); //Will have result 2 item when I view console window 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

E/ My previous answer was incorrect.

Well.. yes...

[] designates an array. An array holds everything by integer values. You're trying to feed it a string value (orgArr[x].name) and since its just an array, it discards it as a bad call.

{} is an object. Objects can have string indexes.

var result = []; //work if result = {}; 

Why can't result be {}?

Answer 3

if you want it to work, make result = {} not []

an array is not a key value store. It still will take key values, and will store them on the array object. But when stringify encounters your array, it determines it is an array and then trys to iterate the array, and your array appears empty. so you get nothing in your output.

Answer 4

You get empty array it's because by default JSON.stringify failed to convert your array to json string.

By default JSON.stringify converts int-based index array to json string but you are using orgArr[i].name which is a string as array index that the cause alert() show empty array.

Can you explain why would you want to convert json array to an array with string index. It's always better to use json array if you want a string as key/index.

For more information about JSON.stringify