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

IT技术 javascript arrays reactjs list
2021-04-27 23:41:12

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

我想转换这样的（老版）的数组[ {...}, {...}, {...} ]到这个（新版本）{...}, {...}, {...}中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

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

3个回答

那是你要的吗？我用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());

我认为您正在寻找的是解构传播语法。

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

的...“清除”的括号约于阵列。

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

其它你可能感兴趣的问题
上一篇如何动态获取状态数组名称 React 下一篇如何使用 React js 上的历史记录重定向到另一个页面？