功能，以数字数组元素输出“不确定”

Question

我想在一个数组数点的每个项目，像这样：

["hello", "hi", "hey"].number() 
> ["1. hello", "2. hi", "3. hey"] 

这里是我的代码：

Array.prototype.number = function() { 
    var tempNum = this; 
    for (i in this) { 
     tempNum[i] = tempNum[(i + 1)] + ". " + tempNum[i] 
    } 
    return tempNum; 
} 

但是，这是输出：

["hello", "hi", "hey"].number() 
> ["undefined. hello", "undefined. hi", "undefined. hey"] 

为什么？我应该如何实现这一点，为什么我的代码不工作？

Answer 1

我想你想是这样的：

for(var i=0, len = this.length; i<len; i++){ 
    tempNum[i] = (i + 1) + ". " + tempNum[i]; 
} 

你使用tempNum当你不应该在你的等式的右边。你得到“未定义”的原因是因为在你当前的方程中的某个时刻，你会得到一个超出数组长度的索引。

Answer 2

tempNum[(i + 1)]是不是你想要做什么，你想要的东西像(i + 1)。这也不起作用，因为键总是字符串。要将它们转换为浮点数，可以使用(parseFloat(i) + 1)或更好的是(~~(i) + 1)。总的代码变成：

Array.prototype.number = function() { 
    var tempNum = this; 
    for (i in this) { 
    tempNum[i] = (~~(i) + 1) + ". " + tempNum[i] 
    } 
    return tempNum; 
}; 

console.log(["hello", "hi", "hey"].number()); 
    // > ["1. hello", "2. hi", "3. hey"] 

Answer 3

内，您的for循环，你正在做的：

tempNum[i] = tempNum[(i + 1)] + ". " + tempNum[i] 

如果你只是想每个值前添加数字，为什么你得到tempNum[(i + 1)]？

它应该看起来像：

Array.prototype.number = function() { 
    var tempNum = this; 
    for (var i in this) { 
     tempNum[i] = (parseInt(i,10) + 1) + ". " + tempNum[i]; 
    } 
    return tempNum; 
} 

注意parseInt(i,10)+1。这会将索引（在将其转换为int后）添加一个，然后将其预先添加到该字符串中。

Answer 4

与当前解决方案的问题是，在每次迭代中，我保持代替索引的元素的值，。

所以，当你做这样的事情

tempNum[(i + 1)] 

你尝试添加“你好”和1，这给出了一个不确定的结果。

因此，为了让你的代码工作，你可以按如下方式更改代码：

Array.prototype.number = function() { 
    var tempNum = this; 
    for (var i = 0; i < tempNum.length; ++i) { 
    tempNum[i] = (i + 1) + ". " + tempNum[i] 
    } 
    return tempNum; 
} 

Answer 5

我不会尝试修改调用number()功能时本身数组值，因为如果你调用该函数再次在同一个阵列上编号得到翻倍。相反，最好做一个新的数组并返回它是这样的：

Array.prototype.number = function() { 
    var ret=[]; 
    var len=this.length; 

    for(var i=0;i<len;i++){ 
     ret.push((i+1)+'. '+this[i]); 
    } 
    return ret; 

} 

console.log(["hello", "hi", "hey"].number()); 

演示：http://jsfiddle.net/LcHsY/

Answer 6

的ES5方式：

Array.prototype.number = function() { 
    return this.map(function (value, i) { 
     return (i + 1) + '. ' + value; 
    }); 
}; 

现场演示：http://jsfiddle.net/XSYTK/1/

你”需要为IE8填充.map（）。