Javascript数组与数字索引没有未定义

javascript array with numeric index without undefineds

本文关键字:未定义 索引 数字 数组 Javascript      更新时间:2023-09-26

假设我……

var arr = Array();
var i = 3333;
arr[i] = "something";

如果你对这个数组进行字符串化它将返回一个字符串,其中包含一大堆未定义的数字项对于那些索引小于3333的项…

是否有办法使javascript不这样做?

我知道我可以使用对象{},但我宁愿不这样做,因为我想做数组操作,如shift()等,不可用于对象

如果您根据OP创建一个数组,它只有一个属性名为"333"且长度为334的成员,因为长度总是被设置为至少比最高索引大1。例如

var a = new Array(1000);

的长度为1000,没有成员,

var a = [];
var a[999] = 'foo';

的长度为1000,并且有一个成员的属性名为"999"。

只获取已定义成员的快速方法是使用for..in:

function myStringifyArray(a) {
  var s = [];
  var re = /^'d+$/;
  for (var p in a) {
    if (a.hasOwnProperty(p) && re.test(p)) {
      s.push(a[p]);
    }
  }
  return '' + s;
}

注意,返回的成员可能是无序的。如果这是一个问题,您可以使用for循环来代替,但是对于非常稀疏的数组,它会变慢:

function myStringifyArray(a) {
  var s = [];
  var re = /^'d+$/;
  for (var i=0, iLen=a.length; i<iLen; i++) {
    if (a.hasOwnProperty(i)) {
      s.push(a[i]);
    }
  }
  return '' + s;
}

在一些旧的浏览器中,迭代数组实际上创建了缺失的成员,但我不认为这在现代浏览器中是有问题的。

请彻底测试上述内容。

数组的文字表示必须包含数组的所有项,否则第3334项将不会在索引3333处结束。

你可以将数组中所有未定义的值替换为你想要用作空项的其他值:

for (var i = 0; i < arr.length; i++) {
  if (typeof arr[i] == 'undefined') arr[i] = '';
}

另一种选择是构建自己的stringify方法,它将创建赋值而不是数组字面量。例如,而不是像这样的格式:

[0,undefined,undefined,undefined,4,undefined,6,7,undefined,9]

你的方法会创建如下内容:

(function(){
  var result = [];
  result[0] = 0;
  result[4] = 4;
  result[6] = 6;
  result[7] = 7;
  result[9] = 9;
  return result;
}())

但是,这样的格式当然与JSON不兼容,如果这是你需要的。