JavaScript 将数组元素移动到数组末尾

Question

编辑 - 2 个优雅的解决方案

Pranav 和 Bekim 提供了两种优雅的解决方案。谢谢，都经过测试并且运行良好。

一个

     for(var x in data)data[x].name == "other" ? data.push( data.splice(x,1)[0] ) : 0;

两个

   var res = data.slice(),
   len = res.length;

    for (var i = 0; i < len; i++) {
        if (res[i].name == 'other') {
            res.push(res.splice(i, 1)[0]);
            i--;
            len--;
        }
    }

我正在使用的 JS 工具

Angular 1.5.6，lodash 4.1x

这是我有一个按字母顺序排序的对象数组的场景，例如sortedData 下面等等。但是，在该数组中也是全部Other，它显然也是按字母顺序排序的。我想从数组中删除其他，然后移动到数组的末尾而不弄乱当前的排序数组。

注意

我目前的以下方法可行，但很丑陋。 JS、angular 或 lodash 有更优雅的东西吗？

var data = [
    {id:1,name:'apple'},
    {id:2,name:'banana'},
    {id:3,name:'other'},
    {id:4,name:'tomato'},
    {id:5,name:'strawberry'}
];

function move(array, fromIndex, toIndex) {
    array.splice(toIndex, 1, array.splice(fromIndex, 1)[0]);
    return array;
}

var moved = move(
    data,
    _.findIndex(data, ['name', 'other']),
    Object.keys(data).length
);

理想结果

 var data = [
        {id:1,name:'one'},
        {id:2,name:'two'},
        {id:4,name:'four'},
        {id:5,name:'five'}
        {id:3,name:'other'},
    ]

Answer 1

使用简单的for loop

var data = [{
  id: 1,
  name: 'apple'
}, {
  id: 2,
  name: 'banana'
}, {
  id: 3,
  name: 'other'
}, {
  id: 4,
  name: 'tomato'
}, {
  id: 5,
  name: 'strawberry'
}];

// store the length of array  
var len = data.length;

// iterate over all array elements
for (var i = 0; i < len; i++) {
  // check value is `other`
  if (data[i].name == 'other') {
    // if value is other then move the object
    data.push(data.splice(i, 1)[0]);
    // decrement i since the element removed
    i--;
    // decrement len to avoid moved element
    len--;
  }
}

console.log(data);

Answer 2

一个普通的（Vanilla）JavaScript 就可以了：

 for(var x in data)data[x].name == "other" ? data.push( data.splice(x,1)[0] ) : 0;

var data = [
    {id:1,name:'apple'},
    {id:2,name:'banana'},
    {id:3,name:'other'},
    {id:4,name:'tomato'},
    {id:5,name:'strawberry'}
];

for(var x in data)data[x].name == "other" ? data.push( data.splice(x,1)[0] ) : 0;


console.log( data );

Answer 3

您在纯 Javascript (ES6) 中执行 Array.findIndex，而不使用任何库：

data.push(data.splice(data.findIndex(v => v.name == 'other'), 1)[0])

Array.findIndex is new，但现在人们实际使用的大多数浏览器都有它。所以你可能可以使用它。 （Edge 支持，但 IE 不支持）。

如果您发现 [0] 丑陋，您可以使用 spread 来解包数组（这样它也可以用于多个项目并进行一些更改）：

data.push(...data.splice(data.findIndex(v => v.name == 'other'), 1))