как установить порядок (конкретный порядок) в Underscore JS - Массивы - PullRequest
Новая
       12

как установить порядок (конкретный порядок) в Underscore JS - Массивы

0 голосов
/ 24 июня 2019

У меня есть массив, мне нужен окончательный вывод на основе пользовательского порядка сортировки CategoryId: (5,9,14,1,9,3) на основе TypeID 

        console.log(_.sortBy(arr, 'CategoryID'));

Я могусортировать CategoryId, но я хочу отсортировать по CategoryID с этим конкретным порядком.

<html> 
<head> 
    <script type="text/javascript" src= 
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore.js"> 
    </script> 
</head> 
<body> 
    <script type="text/javascript"> 
        var arr = [ 
            {name: 'kim', salary: 4000,CategoryId:3, TypeId:1}, 
            {name: 'shelly', salary: 5000,CategoryId:14, TypeId:1}, 
            {name: 'don', salary: 100,CategoryId:9, TypeId:1}, 
            {name: 'mark', salary: 4500,CategoryId:5, TypeId:2}, 
            {name: 'mark', salary: 4500,CategoryId:5, TypeId:1}, 
          {name: 'joh', salary: 3450,CategoryId:9, TypeId:1}, 
          {name: 'joe', salary: 5100,CategoryId:1, TypeId:1}, 
          {name: 'moore', salary: 5100,CategoryId:14, TypeId:2}, 
          {name: 'wane', salary: 1500,CategoryId:14, TypeId:2}, 
          {name: 'dick', salary: 400,CategoryId:3, TypeId:1}                
        ]; 
        console.log(_.sortBy(arr, 'CategoryId')); 
    </script> 
</body>

Я ожидаю, что определенный порядок набора результатов для
CategoryId: (5,9,14,1,3)

Окончательный вывод: 

const output = [{
  name: 'mark',
  salary: 4500,
  CategoryId: 5,
  TypeId: 1,
}, {
  name: 'joh',
  salary: 3450,
  CategoryId: 9,
  TypeId: 1,
}, {
  name: 'don',
  salary: 100,
  CategoryId: 9,
  TypeId: 1,
}, {
  name: 'joh',
  salary: 3450,
  CategoryId: 9,
  TypeId: 1,
}, {
  name: 'shelly',
  salary: 5000,
  CategoryId: 14,
  TypeId: 1,
}, {
  name: 'joe',
  salary: 5100,
  CategoryId: 1,
  TypeId: 1,
}, {
  name: 'kim',
  salary: 4000,
  CategoryId: 3,
  TypeId: 1,
}, {
  name: 'mark',
  salary: 4500,
  CategoryId: 5,
  TypeId: 2,
}, {
  name: 'moore',
  salary: 5100,
  CategoryId: 14,
  TypeId: 2,
}, {
  name: 'wane',
  salary: 1500,
  CategoryId: 14,
  TypeId: 2,
}];

Ответы [ 3 ]

1 голос
/ 24 июня 2019

Если вы указали желаемый порядок в виде массива, вы можете выполнить сортировку на основе индекса каждой категории в пределах этого массива. 

var arr = [ {name: 'kim', salary: 4000,CategoryId:3, TypeId:1}, {name: 'shelly', salary: 5000,CategoryId:14, TypeId:1}, {name: 'don', salary: 100,CategoryId:9, TypeId:1}, {name: 'mark', salary: 4500,CategoryId:5, TypeId:2}, {name: 'mark', salary: 4500,CategoryId:5, TypeId:1}, {name: 'joh', salary: 3450,CategoryId:9, TypeId:1}, {name: 'joe', salary: 5100,CategoryId:1, TypeId:1}, {name: 'moore', salary: 5100,CategoryId:14, TypeId:2}, {name: 'wane', salary: 1500,CategoryId:14, TypeId:2}, {name: 'dick', salary: 400,CategoryId:3, TypeId:1} ];

const categoryOrder = [5,9,14,1,9,3];

const result = [...arr].sort((a,b) => {
  return a.TypeId === b.TypeId
    ? categoryOrder.indexOf(a.CategoryId) - categoryOrder.indexOf(b.CategoryId)
    : a.TypeId - b.TypeId;
});

console.log(result);
1 голос
/ 24 июня 2019

Для этого вам нужно создать свою собственную функцию сортировки, поскольку этого нельзя добиться с помощью underscore.js 

var tempArray = [
    {name: 'kim', salary: 4000, CategoryId: 3, TypeId: 1},
    {name: 'shelly', salary: 5000, CategoryId: 4, TypeId: 1},
    {name: 'don', salary: 100, CategoryId: 9, TypeId: 1},
    {name: 'mark', salary: 4500, CategoryId: 5, TypeId: 2},
    {name: 'mark', salary: 4500, CategoryId: 5, TypeId: 1},
    {name: 'joh', salary: 3450, CategoryId: 9, TypeId: 1},
    {name: 'joe', salary: 5100, CategoryId: 1, TypeId: 1},
    {name: 'moore', salary: 5100, CategoryId: 14, TypeId: 2},
    {name: 'wane', salary: 1500, CategoryId: 14, TypeId: 2},
    {name: 'dick', salary: 400, CategoryId: 3, TypeId: 1}
]

function sort(order, array) {
    result = []
    order.forEach(o => {
        let output = array.filter(element => element.CategoryId === o)
        // To further sort it by type id we can now use sort
        output = _.sortBy(output, 'TypeId')
        result = result.concat(output)
    })
    // For output to be this way 
    // TypeID: (1) - order by : 5,9,14,1,9,3, TypeID: 2 
    // Order by : 5,9,14,11,9,3.
    // we can use groupBy
    return _.groupBy(result, 'TypeId')
}

sort([5, 9, 14, 1, 9, 3], tempArray)

. Отвечает ли это на ваш вопрос?

0 голосов
/ 24 июня 2019

Визит https://underscorejs.org/#objects

sortBy_.sortBy (список, повторяемый, [контекст]) Возвращает (стабильно) отсортированную копию списка, ранжированного в порядке возрастания по результатам прохождения каждого значения через iteratee. iteratee также может быть строковым именем свойства для сортировки (например, длина). 

<script type="text/javascript">
      var arr = [
         {name: 'kim', salary: 4000,CategoryId:3},
         {name: 'shelly', salary: 5000,CategoryId:4},
         {name: 'don', salary: 100,CategoryId:9},
         {name: 'mark', salary: 4500,CategoryId:5},
         {name: 'mark', salary: 4500,CategoryId:5},
         {name: 'joh', salary: 3450,CategoryId:9},
         {name: 'joe', salary: 5100,CategoryId:1},
         {name: 'moore', salary: 5100,CategoryId:14},
         {name: 'wane', salary: 1500,CategoryId:14},
         {name: 'dick', salary: 400,CategoryId:3}
     ];
     console.log(_.sortBy(arr, 'CategoryId'));
 </script>
...