对数组键值的对象的数组进行排序

Question

I'm trying to sort an array of objects of array for nvd3 chart in typescript with no luck, any help on this is appreciated,

the data looks something like this,

[
 {"k": "Name1", "val": [{"s": 33, "d": "sa"}, {"s": 1, "d": "as"}, {"s": 56, "d": "te"}]}
 {"k": "Name2", "val": [{"s": 31, "d": "re"}, {"s": 4, "d": "sa"}, {"s": 1, "d": "ba"}]}
]

The output should be something below,

[
 {"k": "Name1", "val": [{"s": 1, "d": "as"}, {"s": 33, "d": "sa"}, {"s": 56, "d": "te"}]}
 {"k": "Name2", "val": [{"s": 1, "d": "ba"}, {"s": 4, "d": "sa"}, {"s": 31, "d": "re"}]}
]

I tried doing something like this with no luck,

arr=[
 {"k": "Name1", "val": [{"s": 33, "d": "sa"}, {"s": 1, "d": "as"}, {"s": 56, "d": "te"}]}
 {"k": "Name2", "val": [{"s": 31, "d": "re"}, {"s": 4, "d": "sa"}, {"s": 1, "d": "ba"}]}
]

arr.sort((a,b) => (a.s > b.s) ? 1 : ((b.s > a.s) ? -1 : 0));

any help on this is really appreciated

Answer 1

You want the "val" key in the array be sorted right?. So this is what you have to do it.

arr.map( (element) => element.val.sort(
   (a,b) => (a.s > b.s) ? 1 : ((b.s > a.s) ? -1 : 0)) 
);

Answer 2

you can achieve this by using reduce and sort together

 const input = [ {"k": "Name1", "val": [{"s": 33, "d": "sa"}, {"s": 1, "d": "as"}, {"s": 56, "d": "te"}]}, {"k": "Name2", "val": [{"s": 31, "d": "re"}, {"s": 4, "d": "sa"}, {"s": 1, "d": "ba"}]} ]; const output = input.reduce( (prev, element) => { const item = element; Object.assign({}, item, {val: element.val.sort((a,b) => as- bs)}); return prev.concat(item); },[]) console.log({output}); 

Answer 3

You should use forEach as it doesn't return a result like map and reduce , effectively resorting your array in place.

Solution

 const data = [ {"k": "Name1", "val": [{"s": 33, "d": "sa"}, {"s": 1, "d": "as"}, {"s": 56, "d": "te"}]}, {"k": "Name2", "val": [{"s": 31, "d": "re"}, {"s": 4, "d": "sa"}, {"s": 1, "d": "ba"}]} ] data.forEach(obj => { obj.val.sort((a, b) => as - bs); }) console.log(data) 

Documentation

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach#Return_value

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map#Return_value

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce#Return_value