Question

在 JavaScript 中删除数组的第一个元素/数组

2017-09-21

213

javascript arrays

我在删除数组的第一个元素时遇到问题。

简而言之，如果我在控制台中显示数组，它看起来是这样的：

(11) [Array(4), Array(4), Array(4), Array(4), Array(4), Array(4), Array(4), Array(4), Array(4), Array(4), Array(4)]
0 : (4) ["2017-09-20T16:00:00-07:00", 188.125, 0, 1]
1 : (4) ["2017-09-20T17:00:00-07:00", 123.125, 0, 1]
2 : (4) ["2017-09-20T18:00:00-07:00", 114.25, 0, 1]
3 : (4) ["2017-09-20T19:00:00-07:00", 115, 0, 1]
4 : (4) ["2017-09-20T20:00:00-07:00", 113.25, 0, 1]
5 : (4) ["2017-09-20T21:00:00-07:00", 115.625, 0, 1]
6 : (4) ["2017-09-20T22:00:00-07:00", 114.75, 0, 1]
7 : (4) ["2017-09-20T23:00:00-07:00", 114, 0, 1]
8 : (4) ["2017-09-21T00:00:00-07:00", 112.625, 0, 1]
9 : (4) ["2017-09-21T01:00:00-07:00", 108.375, 0, 1]
10 : (4) ["2017-09-21T02:00:00-07:00", 111.125, 0, 1]
length : 11
__proto__ : Array(0)

我想删除第一个 0 ，我尝试使用 .shift() ，但没有成功。

比如我的数组名为 myArray.data ，我尝试使用 myArray.data.shift() ，然后收到此错误消息：

TypeError: Cannot read property '0' of undefined
    at bundle.js:1554
    at Function._.map._.collect (vendor.js:11761)
    at renderChart (bundle.js:1547)
    at bundle.js:1611
    at Scope.$digest (vendor.js:34716)
    at Scope.$apply (vendor.js:34986)
    at bundle.js:259
    at vendor.js:14387
    at _fulfilled (vendor.js:13992)
    at self.promiseDispatch.done (vendor.js:14021)

有什么办法可以解决这个问题吗？

Later edit:

代码位于图表生成函数中，这是整个代码片段：

data: {
    type: chartType,
    columns: [
        ['x'].concat(_.map(myArray.data, function (dataPoint) {

        const x = (myArray.data).shift();
        console.log(myArray.data);          
        console.log(x);

            return moment(dataPoint[0]).valueOf();
        })),
        ['Expected'].concat(_.map(myArray.data, function (dataPoint) {
            return dataPoint[1];
        })),
        ['Actual'].concat(_.map(myArray.data, function (dataPoint) {
            return dataPoint[1];
        }))
    ],
    x: 'x'
},

Answer 1

我可以使用 Array.shift() 重现想要的结果

let arr = [
["2017-09-20T16:00:00-07:00", 188.125, 0, 1],
["2017-09-20T17:00:00-07:00", 123.125, 0, 1],
["2017-09-20T18:00:00-07:00", 114.25, 0, 1],
["2017-09-20T19:00:00-07:00", 115, 0, 1],
["2017-09-20T20:00:00-07:00", 113.25, 0, 1],
["2017-09-20T21:00:00-07:00", 115.625, 0, 1],
["2017-09-20T22:00:00-07:00", 114.75, 0, 1],
["2017-09-20T23:00:00-07:00", 114, 0, 1],
["2017-09-21T00:00:00-07:00", 112.625, 0, 1],
["2017-09-21T01:00:00-07:00", 108.375, 0, 1],
["2017-09-21T02:00:00-07:00", 111.125, 0, 1]
];

console.log(arr[0]);

arr.shift();

console.log(arr[0]);

Answer 2

.shift() is working fine.

问题出在您要移动的数组中，请检查 myArray.data 是否包含数据，错误表示您正在尝试从未定义 (null) 对象移动值。

splice(0,1) also working fine

Answer 3

您可以使用 myArray.data.splice(0, 1) 删除第一个数组项，但错误表明您正在尝试将数组方法应用于未定义的值。也许 $scope 尚未收到该值