在对象中使用方括号

Question

我的代码 是这样的：

rules: {
  jform[name]: {
  required:true,
  minlength:5,
  maxlength:15
},

我应该如何使用这些方括号？关于这个主题，在这个网站和谷歌上有很多答案，但不是特别针对这个。

Answer 1

我现在无法准确回答你的问题，因为你问的是如何使用无效语法，这是不可能的，因为它无效。

然而，我可以做的是解释JSON如何在JavaScript中运行并希望它能解决您的问题：

基础知识

{}是一个对象文字

//this creates a new object
a = {};
//so does this
a = new Object();

[]是一个数组文字

//this creates a new array
a = [];
//so does this
a = new Array();

属性可以通过.和[]表示法访问：

//these are the same
a.b = c;
a['b'] = c;

可以使用文字值或字符串设置对象文字：

a = {
    //any character you can use for a variable name can be
    //used to instantiate an object without quotes
    b: c,
    //special characters need to be quoted
    "foo bar baz": "fizz buzz"
};

---

您的原始语法：

rules: {
  jform[name]: {
  required:true,
  minlength:5,
  maxlength:15
}

无效，因为您无法在变量名中使用[和]个字符，但是您可以使用字符串作为字面值：

rules: {
  "jform[name]": {
  required:true,
  minlength:5,
  maxlength:15
}

...将被访问为：

rules["jform[name]"]

但似乎您希望以下列方式访问数据：

rules.jform[name]

需要设置为：

rules: {
    jform: {}
}
...more code...
rules.jform[name] = {rules: {
    required:true,
    minlength:5,
    maxlength:15
};

Answer 2

我猜你想要jform[name]的值来对象中的一个键。在声明对象文字时，不能将变量用作键。您必须将此密钥添加为另一个声明。

示例：

var data = {
    rules: {
    }
};
data.rules[jform[name]]= {
    required:true,
     minlength:5,
     maxlength:15
};

如果您希望密钥真正为jform[name]，那么您需要在密钥周围使用引号。

rules: {
    "jform[name]": {
        required:true,
        minlength:5,
        maxlength:15
    }
}

Answer 3

obj = {
 "rules" : {
  "jform" : {
    "name" : {
      required:true,
      minlength:5,
      maxlength:15
    }
   }
  }
},

您现在可以访问这样的值

 obj[rules][jform][name]

Answer 4

你的意思是JSON？还是JavaScript对象文字？请从你的问题中删除流行语“jQuery”。

如果您想要一个带（方括号）括号的属性名称，您可以执行

rules = {
  "jform[name]": {
    required:true,
    minlength:5,
    maxlength:15
  }
}

或

rules["jform[name]"] = {...};