Question

如何使用ES6功能优化.contact方法。我的线路工作正常，但我正在学习ES6，并希望得到一些很好的例子来编写带有es6功能的代码。（解构或其他酷的方式）感谢

需要优化的行，因为我不喜欢：

const list_B = buttonsType.toolz.concat(buttonsType.layerz,buttonsType.categoryz,buttonsType.sheetz,buttonsType.actionz);//***line to optimize */

上下文是：

const buttonsType = {// slots Names for interactive buttons editor
            toolz:['iconParentMode', 'move', 'pivot', 'scaleicon', 'skewicon', 'rotateicon', 'drawLine', 'sunNigth', 'lockAll', 'playPause',],
            layerz:[ 'gb0', 'gb1', 'gb2', 'gb3', 'gb4', 'gb5', 'gb6',],
            categoryz:[ 'All', 'Characteres', 'Rocks', 'Trees', 'Buildings', 'Grass', 'FurnitureINT', 'FurnitureEXT', 'Cliffs', 'Objets', 'Divers copie',],
            sheetz:[ 'SpriteSheets', 'TileSheets', 'Spines', 'Sprites',],
            actionz:[ 'iconRenderable', 'icon_PinGrid', 'icon_grid', 'saveIcon',],
        };
    //////// ┌------------------------------------------------------------------------------┐
    //////// CREATE BUTTONS GRAFICS INTERACTIONS
    ////////└------------------------------------------------------------------------------┘
        // make and store buttons Data's
        (function(){
            // how i can optimise for es6 and write proper this concat ?
           const list_B = buttonsType.toolz.concat(buttonsType.layerz,buttonsType.categoryz,buttonsType.sheetz,buttonsType.actionz);//***line to optimize */

           for (let [i,len] = [0,list_B.length]; i < len; i++) {
               const name = list_B[i];
               const slot = $PME.gui.skeleton.findSlot(name);
           };
        })();

编辑：已解决

    (function(){
   const list_B = Object.entries(buttonsType);
   for (let [i,len] = [0,list_B.length]; i < len; i++) {
       const [type,list_name] = [list_B[i][0], list_B[i][1]];
       list_name.forEach(name => {
        buttonsSlots[name] = $PME.gui.skeleton.findSlot(name);
        buttonsSlots[name].type = type;
       });
   };
})();

Answer 1

我不知道是否可以谈论优化，但我会这样做：

const list_B = Object.keys(buttonsType)
  .reduce((acc, key) => {
    return acc.concat(buttonsType[key]);
  },[]);

迭代buttonsType中的键。 concat进入空数组，减少buttonsType键中的每个数组

Answer 2

您可以使用Object.entries

let a = [];
Object.entries(buttonsType).forEach(item => {a = a.concat(item[1])});

我如何在es6中优化.concat方法

2 个答案: