Question

我试图创建一个数组，如果某个值不存在则添加，但是如果值存在，我也想从数组中删除该值。

像Lodash这样的感觉应该可以做这样的事情。

我对您的最佳做法建议感兴趣。

还值得指出我使用的是Angular.js

*更新*

if (!_.includes(scope.index, val)) {
    scope.index.push(val);
} else {
  _.remove(scope.index, val);
}

Answer 1

ES6引入的Set功能就是这样做的。

var s = new Set();

// Adding alues
s.add('hello');
s.add('world');
s.add('hello'); // already exists

// Removing values
s.delete('world');

var array = Array.from(s);

或者如果你想继续使用常规数组

function add(array, value) {
  if (array.indexOf(value) === -1) {
    array.push(value);
  }
}

function remove(array, value) {
  var index = array.indexOf(value);
  if (index !== -1) {
    array.splice(index, 1);
  }
}

在Lodash上使用vanilla JS是一种很好的做法。它消除了依赖性，迫使您理解您的代码，并且通常更具性能。

Answer 2

您可以使用_.union

_.union(scope.index, [val]);

Answer 3

也许_.pull()可以提供帮助：

var _ = require('lodash');

function knock(arr,val){ 
   if(arr.length === _.pull(arr,val).length){
      arr.push(val);
   } 
   return arr;
}

改变现有数组，同时删除重复数据：

> var arr = [1,2,3,4,4,5];

> knock(arr,4);
[ 1, 2, 3, 5 ]

> knock(arr,6);
[ 1, 2, 3, 5, 6 ]

> knock(arr,6);
[ 1, 2, 3, 5 ]

Answer 4

使用includes函数检查项目是否存在于数组中，remove删除现有项目。

＆＃13;

function addOrRemove(arr, val) {
  if (!_.includes(arr, val)) {
    arr.push(val);
  } else {
    _.remove(arr, item => item === val);
  }
  console.log(arr);
}

var arr = [1, 2, 3];
addOrRemove(arr, 1); // arr = [2, 3]
addOrRemove(arr, 4); // arr = [2, 3, 4]
addOrRemove(arr, 2); // arr = [3, 4]

＆＃13;

<script src="https://raw.githubusercontent.com/lodash/lodash/4.11.2/dist/lodash.min.js"></script>

＆＃13;

Answer 5

这个单班轮应该可以胜任。如果要插入的元素不存在，则插入元素并返回结果数组的长度。如果数组中存在元素，则删除元素并将删除的元素返回到单独的数组中。

var arr = [1,2,3,4,5],
    aod = (a,e,i=0) => !!~(i = a.indexOf(e)) ? a.splice(i,1) : a.push(e); 
    
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>");
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>");

实际上我讨厌push，因为它返回的结果数组长度值大部分时间都没用。我希望有一个对返回的结果数组的引用，以便您可以链接这些函数。因此，实现它的简单方法是;

var arr = [1,2,3,4,5],
    aod = (a,e,i=0) => !!~(i = a.indexOf(e)) ? a.splice(i,1) : (a.push(e),a);
        
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>");
document.write("<pre>" + JSON.stringify(aod(arr,6)) + JSON.stringify(arr) + "</pre>");

所以现在这是合情合理的。

Answer 6

如果您不需要支持IE，或者您正在使用polyfill，则可以使用Array.prototype.includes()

const addUniq = (array, value) => array.includes(value) 
  ? array.length 
  : array.push(value);

Answer 7

在这种情况下，您可以使用'concat'进行推送，并使用'uniq'来验证唯一值：

示例：

var ar = [1, 2, 3, 1, 5, 2, 4]
ar = _.uniq(_.concat(ar, 9))
//[1, 2, 3, 5, 4, 9]

例如：https://codepen.io/dieterich/pen/xeZNJY

参考号：https://lodash.com/docs/4.17.11#uniq

Answer 8

最简单的方法是使用_.isEmpty和_.remove Lodash函数：

if (_.isEmpty(_.remove(array, value)) {
   array.push(value);
}

在remove函数之后，将返回删除的值或一个空数组，如果返回一个空数组，我们将添加一个新值。

仅当值不存在时才使用lodash push到数组？

8 个答案: