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

【问题标题】：How to remove "[" and "]" signs from array in Javascript如何从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

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

【问题讨论】：

标签： javascript arrays reactjs list

【解决方案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

【讨论】：