在 Grunt 中访问对象内的数组中的元素答案

【问题标题】：Access elements within an array inside a object in Grunt在 Grunt 中访问对象内的数组中的元素
【发布时间】：2015-05-02 00:08:45
【问题描述】：

我正在尝试使用数组作为 Grunt 中的文件名

我有一个像这样的数组。

var myElements = [
    'elementOne',
    'elementTwo',
    'elementThree'
]

我想像这样访问上面数组中的元素，但它不起作用。

sass: {
  dist: {
    files: {
      myElements[0] : '/scss/elementOne.scss',
      myElements[1] : '/scss/elementTwo.scss',
      myElements[2] : '/scss/elementTwo.scss',
    }
  }
}

【问题讨论】：

标签： javascript sass gruntjs

【解决方案1】：

JS 不允许你以你想要的方式使用变量作为键。我认为解决这个问题的唯一方法是在创建 sass 对象之前定义 files 对象。

var files = {};
files[myElements[0]] = '/scss/elementOne.scss';
files[myElements[1]] = '/scss/elementTwo.scss';
files[myElements[2]] = '/scss/elementTwo.scss';

sass: {
    dist: files
}

DEMO

【讨论】：

【解决方案2】：

这应该可行：

module.exports = function(grunt) {
    var myElements = [
      'elementOne',
      'elementTwo',
      'elementThree'
    ];

  grunt.initConfig({
    myElements: myElements,

    sass: {
      dist: {
        files: {
          myElements[0] : '/scss/elementOne.scss',
          myElements[1] : '/scss/elementTwo.scss',
          myElements[2] : '/scss/elementTwo.scss',
        }
     }
  }

....

【讨论】：