array.map() 的意外结果

Question

很简单的问题，但我不明白为什么下面的代码会在第一个索引中产生 NaN？    var arr = [1, 2, 3, 4];    var result = arr.map(function(x) {        if(arr[x] >= 2) {            return arr[x] + 10;        } else {            return arr[x] - 10;        }    });    console.log(result); // [-9, 12, 13, NaN]

Answer 1

数组map接受参数为(item,index)。在您的情况下x，表示数组元素将是 1,2,3,4 等等。因此 arr[1] 将是第一个为 1 的元素，但arr[4]由于fifth索引处不存在元素而未定义。您可以替换arr[x]为 onlyx或 witharr[index]

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

var result = arr.map(function(x, index) {

  console.log('Array element', x)

  if (arr[index] >= 2) {

    return arr[index] + 10;

  } else {

    return arr[index] - 10;

  }

});

console.log(result);

Answer 2

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

var result = arr.map(function(val, indx) {

    if(arr[indx] >= 2) {

        return arr[indx] + 10;

    } else {

        return arr[indx] - 10;

    }

});

您需要使用索引而不是值

或者你可以像专业人士一样做

 const result = arr.map((val, indx) => {

      return  (val >= 2) ? val+10 : val -10       

    });

Answer 3

jsmap函数迭代元素（在您的情况下）而不是索引。您的 x 变量是迭代中的当前元素

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

    var result = arr.map(function(x) {

        if(x >= 2) {

            return x + 10;

        } else {

            return x - 10;

        }

    });

   

    console.log(result);