使用参数更改数组中对象的顺序

Question

我有一个这样的对象数组：

const arr = [
  {number: 1, value: 50},
  {number: 2, value: 4},
  {number: 3, value: 33},
  {number: 4, value: 49},
  {number: 5, value: 92},
  {number: 6, value: 1},
  {number: 7, value: 49},
]

和：

const startBy = 3

然后我想要另一个这样的数组：

const newArr = [
  {number: 3, value: 33},
  {number: 4, value: 49},
  {number: 5, value: 92},
  {number: 6, value: 1},
  {number: 7, value: 49},
  {number: 1, value: 50},
  {number: 2, value: 4},
]

也就是说，我想“重新排列”数组的元素，使第一个元素是字段编号等于 startBy 的元素，然后按顺序排列下一个元素。 字段编号必须始终按顺序排列，只是从哪个项目开始可以有所不同。

我不知道我怎么能做到这一点..

Answer 1

如果该值小于给定值，您可以将该值作为增量检查。否则按增量排序。

function sortBy(array, first) {
    array.sort(function (a, b) {
       return (a.number < first) - (b.number < first) || a.number - b.number;
    });
    return array;
}

const array = [{ number: 1, value: 50 }, { number: 2, value: 4 }, { number: 3, value: 33 }, { number: 4, value: 49 }, { number: 5, value: 92 }, { number: 6, value: 1 }, { number: 7, value: 49 }];
console.log(sortBy(array, 3));

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

很简单：

1. 只需对数组进行排序，
2. 然后使用 findIndex,
3. 最后slice数组分两部分创建 新的;)

const arr = [
  {number: 1, value: 50},
  {number: 2, value: 4},
  {number: 3, value: 33},
  {number: 4, value: 49},
  {number: 5, value: 92},
  {number: 6, value: 1},
  {number: 7, value: 49},
];
const startBy = 3;

//Presorting the input array.
const sortedArray = arr.sort((a, b) => a.number-b.number);

//Finding the split index.
const splitIndex = sortedArray.findIndex(elt => elt.number === startBy);

//Slicing the array and creating a new one.
const result = [...sortedArray.slice(splitIndex), ...sortedArray.slice(0, splitIndex)];
console.log(result);

Answer 3

好吧，您可以只取出序列的第一个元素，并将其添加到末尾，直到找到正确的元素。

示例：

const arr = [
  {number: 1, value: 50},
  {number: 2, value: 4},
  {number: 3, value: 33},
  {number: 4, value: 49},
  {number: 5, value: 92},
  {number: 6, value: 1},
  {number: 7, value: 49},
]
undefined
function ReturnNewArray(array, value){
    while(array[0].number!=value){
        array.push(array.shift())
    }
    return array;
}
undefined
ReturnNewArray(arr,3);

0: {number: 3, value: 33}
1: {number: 4, value: 49}
2: {number: 5, value: 92}
3: {number: 6, value: 1}
4: {number: 7, value: 49}
5: {number: 1, value: 50}
6: {number: 2, value: 4}

Answer 4

假设您的初始数组按number 属性排序，您可以检查该属性是否小于您的startBy，如果条件为真，则删除该元素并推送它

arr.map(o => {
  if (o.number < startBy) {
    arr.push(arr.shift());
  }
});

console.log(arr);

Codepen demo

Answer 5

您必须根据您的 number 密钥简单地 sort 您的 array 。 More About sort

const arr = [
  {number: 1, value: 50},
  {number: 2, value: 4},
  {number: 3, value: 33},
  {number: 4, value: 49},
  {number: 5, value: 92},
  {number: 6, value: 1},
  {number: 7, value: 49},
]

arr.sort((a,b) => {
  return (a.number < 3) - (b.number < 3) || (a.number-b.number)
})
console.log(arr);

Answer 6

你还可以找到元素在数组中的位置，并将原来的数组移位那么多位置：

const arr = [{
    number: 1,
    value: 50
  },
  {
    number: 2,
    value: 4
  },
  {
    number: 3,
    value: 33
  },
  {
    number: 4,
    value: 49
  },
  {
    number: 5,
    value: 92
  },
  {
    number: 6,
    value: 1
  },
  {
    number: 7,
    value: 49
  },
]

const findPosition = (array, startBy) => {
  for (let i = 0; i < array.length; i++) {
    if (array[i].number == startBy) {
      return i;
    }
  }
}

const shiftArray = (array, positions) => {
  for (let i = 0; i < positions; i++) {
    const first = array.shift();
    array.push(first);
  }
  return array;
}

console.log(shiftArray(arr, findPosition(arr, 3)));

Answer 7

注释内嵌代码

let arr = [{number: 1, value: 50},{number: 2, value: 4},{number: 3, value: 33},{number: 4, value: 49},{number: 5, value: 92},{number: 6, value: 1},{number: 7, value: 49}]

// sort the array by number value

arr.sort((a,b) => a.number - b. number)

// push into new array via reduce every element until you find your starting number and then from there insert everything thereafter into new array at starting position by Array.unshift()

function startFromNumber(number) {
  return arr.slice(0).reduce((a, d, i, arrC) =>
    (d.number == number 
      ? (a.unshift(...arrC.slice(i)), arrC.length = 0) 
      : a.push(d)
    , a), [])
  
}

console.log(startFromNumber(3))
console.log(startFromNumber(5))