代码之家 › 专栏 › 技术社区 › Roland

如何删除或插入到JavaScript多维数组中

reference arrays javascript

Roland · 技术社区 · 6 年前

我有这样的二维数据结构:

    var arr = [
        {
            'subarr': [
                { 'a': '11' },
                { 'a': '12' }
            ]
        },
        {
            'subarr': [
                { 'a': '21' },
                { 'a': '22' }
            ]
        },
        {
            'subarr': [
                { 'a': '31' },
                { 'a': '32' }
            ]
        }
    ];

我需要插入一个元素,例如“23”,或者删除,例如“22”。

这个 slice 方法不复制整个数据,而是在数组“就地”中插入或删除。但如何将其应用于二维数组呢?此代码将 不工作 ,因为[i]操作创建了一个新变量,所以 arr 完全不会更改:

arr[1].subarr.slice(0, 1);

我需要一些变量的引用类型来指向要切片的子数组。

任何帮助都将不胜感激

更常见的情况是:复杂的问题有一个简单的答案。我应该用 splice() ,不是 slice() 正如答案告诉我的。

2 回复 | 直到 6 年前

Emeeus 6 年前

添加 push(), [] ,请 splice() 或 unshift()

arr[1].subarr.push({'a':'23'}); //add at the end

或

arr[1].subarr.unshift({'a':'23'}); //add in the beginig

在特定位置添加(本例中为2th)

arr[1].subarr.splice(2, 0, {'a':'433'}, {'a':'544'});

拆卸接头

arr[1].subarr.splice(1,1); //splice(start,deleteCount)

BlackBeard 6 年前

如何插入不带突变以下内容:

    var arr = [
        {
            'subarr': [
                { 'a': '11' },
                { 'a': '12' }
            ]
        },
        {
            'subarr': [
                { 'a': '21' },
                { 'a': '22' }
            ]
        },
        {
            'subarr': [
                { 'a': '31' },
                { 'a': '32' }
            ]
        }
    ];
    
    var newArr = [...arr, arr[0].subarr.push({'a':'23'})]
    console.log(newArr)

如何在不使用突变以下内容:

    var arr = [
        {
            'subarr': [
                { 'a': '11' },
                { 'a': '12' }
            ]
        },
        {
            'subarr': [
                { 'a': '21' },
                { 'a': '22' }
            ]
        },
        {
            'subarr': [
                { 'a': '31' },
                { 'a': '32' }
            ]
        }
    ];

var newArr = [...arr.map(element => element.subarr.filter(item => item.a !== '22'))]

console.log(newArr)

推荐文章

Kris · 有没有办法获得可变结构字段的“引用”

2 年前

Jora Karyan · IF语句未按预期引发错误

2 年前

Prachi Sharma · 在java引用中使用LinkedList的堆栈实现工作不正常

2 年前

MohittPattel · 系统NullReferenceException对象引用未设置为对象[重复]的实例

3 年前

Daniel B. · 结构中引用的间接指针的意外地址,与使用普通变量的同一声明相反?

3 年前

nedzad · 如何访问引用Firebase中其他对象的对象

6 年前

Empha · 从成员函数对对象所做的更改不会持续。范围/参考问题?

6 年前

Jonathan Boccara · 为什么C++常量引用可以压缩为非常量引用

6 年前

Joseph D. · 常量引用的正确语法

6 年前

Darren Christopher · Python-筛选列表中对象的引用

6 年前