suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript - 关于犀牛第7章的稀疏数组

今天看犀牛学数组，看到么一个地方，不是很清楚，自己研究了好久，还是不懂，所以想在这里提问，请大神解答。下面我详说。
首先上一张图，犀牛7.6章：

有两句话我一直没听懂，总感觉相互是矛盾的，

注意：当在数组直接量中省略值时不会创建稀疏数组

和

当省略数组直接量中的值时（使用连续的逗号，比如[1,,3]），这时所得到的数组也是稀疏数组

这是我个人的疑问1，还有疑问2，我打代码如下。

window.onload=function(){
    var a1 = [,,,];
    var a2 = [,];
    console.log(a1);
    console.log(a2);
    console.log(a1 + '---' + a1.length);
    console.log(a2 + '---' + a2.length);
    console.log(a1[0]);
    console.log(a2[0]);
}

输出的是

[]
[]
,,---3
---1
undefined
undefined

首先都是打印a1和a2，怎么上下加了个别的东西，就变成不同的东西了呢，这部分关于JS是怎么转换的啊。
再者就是我本以为会看到[undefined,undefined,undefined]也没有。我感觉我理解的有问题，却又不知道问题出在哪，请大神帮帮忙。谢谢。

ringa_leeringa_lee2777 Tage vor312

Antworte allen(3)Ich werde antworten

  • 黄舟

    黄舟2017-04-10 16:56:29

    尽信书不如无书！

    我先指出书中一个错误(也可能是浏览器实现问题)：

    var a1 = [,,,];
0 in a1 // 输出false

    跟你书中的结果不一样！

    所以，你给出的图中，从第二个红框开始，下面的内容基本都是不正确的。

    另外，你说的那个疑问，我觉得跟console.log的内部实现有关。这个东西本来就是浏览器附带的一个打印的辅助api，我觉得你没必要过分研究。比如同一个东西，在chrome和ie下用console.log打印出来经常不一样。

    至于第三个console.log出来的两个逗号，是数组的toString方法被调用得来的。

    建议一下题主，既然你想彻底弄懂，那么一可以自己多做实验，而是去看规范。规范表述的一定是最全面和精准的，如果你肯花时间把规范研究一下，书中的那些内容自然全都懂了。

    https://es5.github.io/#x15.4

    Antwort
    0
  • 巴扎黑

    巴扎黑2017-04-10 16:56:29

    数组的本质还是对象，稀疏数组才是常态。

    只不过length属性在内部特化了一下，你取到的值永远是最大的键加一。只要键的个数和length不匹配，它就是稀疏数组。

    由此你可以测试：

    var arr = [1,,,3];
console.log(arr.length); //4
for(var i in a) console.log(i); // 0 2

    显然它是稀疏的。

    js里面有太多的办法把一个东西变成稀疏数组了，除了上面的省略值和扩充行为，delete一个键也会让数组变成稀疏数组：

    arr = [0,1,2];
delete arr[1];

    Antwort
    0
  • 迷茫

    迷茫2017-04-10 16:56:29

    早上六点多睡醒的时候就看到题主这个问题，真是被这个题目折磨了一早上啊。
    1、先来回答第一个，引用在CSDN上查到的一个答案：

    英文原版里面只有楼主说的这段代码

    var a1 = [,,,]; // This array is [undefined, undefined, undefined]
var a2 = new Array(3); // This array has no values at all
0 in a1 // => true: a1 has an element with index 0
0 in a2 // => false: a2 has no element with index 0

    这个地方作者描述返回true。我在浏览器中测试的结果和你相同。

    但是在中文版本中（淘宝团队翻译）加入了下面的话：
    “需要注意的是，当省略数组直接量中的值时（使用连续的逗号，比如[1,,3]），这时所得到的数组也是稀疏数组，省略掉的值是不存在的:”
    然后给出例子：

    var a1 = [,]; // 此数组没有元素，长度是1
var a2 = [undefined]; //……
0 in a1 // => false: a1 在索引0处没有元素
0 in a2 // => true: a2 在索引0处有一个值为undefined的元素

    然后还添加了下面这段话： “在一些旧版本的实现中（比如Firefox
    3)，在存在连续逗号的情况下，插入undefined值的操作则与此不同，在这些实现中，[1,,3]和[1,undefined,3]是一模一样的。”

    其实，淘宝团队在翻译时貌似发现原作者给的示例执行可能会是false，所以添加了这段代码以铺垫说明“在旧版版中实现……[1,,3]和[1,undefined,3]是一模一样的”这个特例。
    由此，原作者的测试环境是所谓的“旧版本”

    我认为两处undefined没有什么区别，都是javascript中的特殊值undefined
    答案原地址

    2、回答楼主的第二个疑问
    我也做了如下测试：

    var a1 = [,,,,,,,,,,];//10个逗号，长度为10
var a3 =new Array(10);//长度为10的数组
var a2 = [1,undefined,,,,3];//5个逗号，长度为6
console.log(a1);//[]
console.log(a2);//[1, 5: 3]
console.log(a3);//[]
console.log(a1 + '---' + a1.length);//,,,,,,,,,---10(只有九个逗号)
console.log(a2 + '---' + a2.length);//1,,,,,3---6
console.log(a3 + '---' + a3.length);//,,,,,,,,,---10(输出和a1没区别)
console.log(a1[0]);//undefined
console.log(a2[0]);//1
console.log(a2[1]);/undefined
console.log(a3[3]);//undefined

    数组的本质是对象，这个确实大家都知道，可是为什么输出以“，”表示，这个我也真是不懂，和题主一起期待大神的解答。 其实undefined也是一个值，把数组的某一项赋值为undefined，该值就存在，但是是undefined；但是不赋值，该值其实就不存在，输出undefined

    Antwort
    0
  • StornierenAntwort