提问人:KT. 提问时间:3/7/2012 更新时间:2/2/2023 访问量:28440
Javascript:如何从数组中清除未定义的值
Javascript: How to clear undefined values from an array
问:
我正在尝试遍历一个数组并删除和跳过元素,直到只有一个元素存在。我尝试过拼接,但它搞砸了我的循环,因为 arr[1] 中的元素然后变成了 arr[0] 等。
假设有 10 个人。我想删除人员 1,然后保留人员 2,然后删除人员 3 并保留人员 4。这种模式将一直持续到只剩下一个。
任何形式的帮助都可以。
答:
拼接时,只需递减循环索引即可。
有很多很好的建议,我将发布不同选项的代码,您可以决定使用哪个
拼接 http://jsfiddle.net/mendesjuan/aFvVh/ 时的递减指数
var undef;
var arr = [1,2, undef, 3, 4, undef];
for (var i=0; i < arr.length; i++) {
if ( arr[i] === undef ) {
arr.splice(i,1);
i--;
}
}
向后循环 http://jsfiddle.net/mendesjuan/aFvVh/1/
var undef;
var arr = [1,2, undef, 3, 4, undef];
for (var i=arr.length - 1; i >=0; i--) {
if ( arr[i] === undef ) {
arr.splice(i,1);
}
}
复制到新的阵列 http://jsfiddle.net/mendesjuan/aFvVh/2/
var undef;
var arr = [1,2, undef, 3, 4, undef];
var temp = [];
for (var i=0; i < arr.length; i++) {
if ( arr[i] !== undef ) {
temp.push(arr[i])
}
}
arr = temp;
使用过滤器,这只是创建新数组的一种奇特方式
var undef;
var arr = [1,2, undef, 3, 4, undef];
arr = arr.filter(function(item){
return item !== undef;
});
在所有这些示例的末尾,arr 将是 [1,2,3,4]
性能
IE 11、FF 和 Chrome 都认为这是最快的。10 倍 (Chrome),20 倍 (IE 11) 与 将项目放入新数组相比,速度也很慢。查看 http://jsperf.com/clean-undefined-values-from-array2Array.splice
Array.filter.
Array.slice
看到 IE 在这里处于领先地位,并看到 Chrome 落后于 FF 和 IE,我真的很惊讶。我想我从来没有用这个结果进行过测试。
在迭代过程中,您不应该更改集合,不仅是 JavaScript,而是所有语言,定义一个新数组并在其中添加要删除的数组,然后迭代该数组以从第一个数组中删除。
评论
arr1 = arr2;
arr2 = arr3;
while(yourarray.length>1) //only one left
{
// your code
}
评论
length
是数组的属性,而不是函数。
向后循环。(因此,删除项目不会影响尚未处理的元素的索引。
没有确切地收集您想要实现的目标,但我觉得您依赖于数组中某个项的位置索引来继续您的程序。在这种情况下,我建议使用散列数组,即键<>值对数组。
在这种情况下,请始终指向您最初放置在其中的项目。因此,您可以在逻辑/数字上循环,而不必担心位置的变化。arr["2"]
谨防类型转换风险和陷阱!
最好的办法是创建数组的副本,然后从原始数组进行拼接。
或者只是使用集合(key->value)并删除键,例如
People = {a: "Person A", b: "Person B", c:"Person C"};
delete People.a;
delete People.c; //now the People collection only has 1 entry.
你可以用数字替换 a,b,c 作为例子,
People = {0: "Person A", 1: "Person B", 2:"Person C"};
delete People[0];
delete People[1];
评论
function removeUndefined(array)
{
var i = 0;
while (i < array.length)
if (typeof array[i] === 'undefined')
array.splice(i, i);
else
i++;
return array;
}
编辑:我是根据标题写的。看起来这个问题问的是完全不同的东西。
评论
.splice(i, 1)
这是一个示例
<script lanauge = "javascript">
var arr = ["1","2","3","4"];
delete arr[1];// arr[1] is undefined
delete arr[2];// arr[2] is undefined
// now arr.length is 4
var todelete = [];
for (i = 0 ; i < arr.length ;i++)
{
if (typeof arr[i] == 'undefined') todelete.push(i);
}
todelete.sort(function(a, b) { return b-a }); // make the indeies from big to small
for (i = 0;i < todelete.length; i ++)
{
arr.splice(todelete[i],1);
}
// now arr.length is 2
</script>
评论
.sort()
这可能不是你想要的,但你可以很容易地计算出这个过程结束时的最后一个元素是什么,然后抓住它。假设数组的元素是连续的,并且从 arr[0] 开始,您可以找到:
var logBase2OfLength = Math.floor(Math.log(arr.length) / Math.log(2));
var finalElement = arr[(1 << logBase2OfLength) - 1];
基本上,如果取 2 的整数幂小于或等于数组中的元素数,则该元素在所有循环和删除后将保留的位置。
令人惊讶的是,没有人回答最好和正确的方式:
- 创建新阵列
- 遍历旧数组,并且只将要保留的元素推送到新数组
一些功劳归功于@nnnnnn评论
评论
如果您正在使用 CoffeeScript,那么要从 Array 中删除 undefined,请执行此操作
values = ['one', undefined]
values = (item for item in values when item != undefined)
values
/* => ['one'] */
过滤虚假项目:
var a=[1,2,"b",0,{},"",NaN,3,undefined,null,5];
var b=a.filter(Boolean); // [1,2,"b",{},3,5]
评论
>If you are getting undefined during deletion of the key-pair, Then to prevent "undefined" you can try code given below to delete key-pair
1) test = ["1","2","3","4",""," "];
2) var delete = JSON.stringify(test);
case1) delete = delete.replace(/\,""/g,'');
or
case2) delete = delete.replace(/\," "/g,'');
or
case3) delete = delete.replace(/\,null/g,'');
3) var result = JSON.parse(delete);
只是 [NaN, 未定义, null, 0, 1, 2, 2000, Infinity].filter(布尔值)
评论