如何从Javascript中的数组中删除“[”和“]”符号

Posted

技术标签:

【中文标题】如何从Javascript中的数组中删除“[”和“]”符号【英文标题】:How to remove "[" and "]" signs from array in Javascript 【发布时间】:2021-09-03 01:54:19 【问题描述】:

我正在使用react.js 来构建我的仪表板

我想将这样的数组(旧版本)[ ..., ..., ... ] 转换成这个(新版本)..., ..., ... in javascript

所以我可以将新版本的数组放在一个 JSON 数组中,像这样[ ..., newArray ]

我知道map 函数返回一个数组,我知道这是一个愚蠢的问题,但我想知道如何

这是我的代码:

const siteProfilesList = ['ABC', 'DEF', 'GHI']
const pagesList = ['Dashboard', 'Routes', 'Payload']

const siteProfileNavigationsList = siteProfilesList.map((item, index) => 
    let menu = 
    menu['_tag'] = 'CSidebarNavDropdown'
    menu['name'] = item
    menu['_children'] = pagesList.map((pageItem, pageIndex) => 
        let pageMenu = 
        pageMenu['_tag'] = 'CSidebarNavItem'
        pageMenu['name'] = pageItem
        pageMenu['to'] = `/$pageItem.toLowerCase()/location=$item.toLowerCase()`
        return pageMenu
    )
    return menu
)

const navigations = [
    
        _tag: 'CSidebarNavTitle',
        _children: ['Site Profile']
    ,
    siteProfileNavigationsList
]

export default navigations

我知道这是一个愚蠢的问题,但我只是想知道解决方案。

【问题讨论】:

【参考方案1】:

这就是你想要的吗?我用flat()

const siteProfilesList = ["ABC", "DEF", "GHI"];
const pagesList = ["Dashboard", "Routes", "Payload"];

const siteProfileNavigationsList = siteProfilesList.map((item, index) => 
  let menu = ;
  menu["_tag"] = "CSidebarNavDropdown";
  menu["name"] = item;
  menu["_children"] = pagesList.map((pageItem, pageIndex) => 
    let pageMenu = ;
    pageMenu["_tag"] = "CSidebarNavItem";
    pageMenu["name"] = pageItem;
    pageMenu[
      "to"
    ] = `/$pageItem.toLowerCase()/location=$item.toLowerCase()`;
    return pageMenu;
  );
  return menu;
);

const navigations = [
  
    _tag: "CSidebarNavTitle",
    _children: ["Site Profile"],
  ,
  siteProfileNavigationsList,
];

console.log(navigations.flat());

【讨论】:

哇我才发现有flat函数,谢谢【参考方案2】:

我认为您正在寻找的是destructuring spread syntax。

const arr = [x, y, z]
const anotherArr = [a, b]
const combined = [...anotherArr, ...arr] // [a, b, x, y, z]

...“删除”数组周围的括号。

【讨论】:

这不是解构,这是spread syntax @VLAZ 哦,是的,哎呀【参考方案3】:

你不需要删除括号,你只需要连接你的两个数组https://www.w3schools.com/jsref/jsref_concat_array.asp

【讨论】:

以上是关于如何从Javascript中的数组中删除“[”和“]”符号的主要内容,如果未能解决你的问题,请参考以下文章

如何从javascript中的数组中删除最后一个索引元素? [复制]

如何从数组中删除除javascript中的第一个元素之外的所有元素

如何从 Javascript 中的数组中删除重复项?

如何从 javascript 变量中删除对象/数组?

如何从javascript或jquery中的元素数组中删除特定元素

javascript中,知道一个值,如何删除数组中的这个值的元素。