blocks|key|676582|text|使用方括号将变量名括起来。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|676583|var+objname+=+'myobject';
{[objname]}.value+=+'value';|code-block|syntax|javascript|676584|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use square bracket around variable name. 

<pre><code>var objname = 'myobject';
{[objname]}.value = 'value';
</code></pre>

blocks|key|676376|text|它是一个全局变量吗？如果是这样的话，它们实际上是window对象的一部分，所以您可以执行window[objname].value。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|676377|如果它是一个函数的局部函数，我不认为有一个好的方法来做你想做的事情。|676378|entityMap^0|O|6|18|L|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

Is it a global variable? If so, these are actually part of the <code>window</code> object, so you can do <code>window[objname].value</code>.

If it's local to a function, I don't think there's a good way to do what you want.

blocks|key|676430|text|您可以使用eval|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|676431|eval(variablename+%2B+".value+=+'value'");|code-block|syntax|javascript|676432|entityMap^0|5|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You could use <code>eval</code>:

<pre><code>eval(variablename + ".value = 'value'");
</code></pre>

blocks|key|893105|text|通常不能这样做，除非是在window作用域中，在那里可以编写window[objname].value+=+'value';|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|893106|entityMap^0|U|W|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You can't do this in general, except at the window scope, where you can write <code>window[objname].value = 'value';</code>

blocks|key|676474|text|我认为Shaz对局部变量的回答很难理解，尽管它适用于非递归函数。这是我认为更清楚的另一种方式(但这仍然是他的想法，完全相同的行为)。它也不是动态地访问局部变量，而是局部变量的属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|676475|本质上，它使用了一个全局变量(附加到函数对象)|676476|//+Here's++a+version+of+it+that+is+more+straight+forward.
function+doIt()+{
++++doIt.objname+=+{};
++++var+someObject+=+"objname";
++++doIt[someObject].value+=+"value";++++
++++console.log(doIt.objname);
})();|code-block|syntax|javascript|676477|这本质上等同于创建一个全局变量来存储变量，这样您就可以将其作为一个属性进行访问。创建一个全局来做这件事就是这样的一种技巧。|676478|这里有一个更干净的技巧，它不创建全局变量，而是使用局部变量。|676479|function+doIt()+{
++var+scope+=+{
+++++MyProp:+"Hello"
++};
++var+name+=+"MyProp";
++console.log(scope[name]);
}|676480|请参阅Javascript:+interpret+string+as+object+reference?|offset|length|676481|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/10953303/javascript-interpret-string-as-object-reference/10953396#10953396^0|0|0|0|0|0|0|3|1D|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

I think Shaz's answer for local variables is hard to understand, though it works for non-recursive functions. Here's another way that I think it's clearer (but it's still his idea, exact same behavior). It's also not accessing the local variables dynamically, just the property of the local variable.

Essentially, it's using a global variable (attached to the function object)

<pre><code>// Here's a version of it that is more straight forward.
function doIt() {
 doIt.objname = {};
 var someObject = "objname";
 doIt[someObject].value = "value"; 
 console.log(doIt.objname);
})();
</code></pre>

Which is essentially the same thing as creating a global to store the variable, so you can access it as a property. Creating a global to do this is such a hack.

Here's a cleaner hack that doesn't create global variables, it uses a local variable instead.

<pre><code>function doIt() {
 var scope = {
 MyProp: "Hello"
 };
 var name = "MyProp";
 console.log(scope[name]);
}
</code></pre>

See <a href="https://stackoverflow.com/questions/10953303/javascript-interpret-string-as-object-reference/10953396#10953396">Javascript: interpret string as object reference?</a>

blocks|key|893380|text|let+players+=+[];
players[something]+=+{};
players[something].somethingElse+=+'test';
console.log(players);+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|893381|测试内容：{+somethingElse：‘->’}；|unstyled|893382|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>let players = [];
players[something] = {};
players[something].somethingElse = 'test';
console.log(players); 
</code></pre>

-> [ something: { somethingElse: 'test' } ];

blocks|key|676521|text|如果对象在某个命名空间中，即。Company.Module.Components.Foo您可以使用此函数：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|676522|CoffeeScript：|676523|objByName:+(name,+context+=+window)+->
++++ns+=+name.split+"."
++++func+=+context
++++for+n,+i+in+ns
++++++++func+=+func[n]
++++return+func|code-block|syntax|javascript|676524|结果Js：|676525|objByName:+function(name,+context)+{
++var+func,+i,+n,+ns,+_i,+_len;
++if+(context+==+null)+{
++++context+=+window;
++}
++ns+=+name.split(".");
++func+=+context;
++for+(i+=+_i+=+0,+_len+=+ns.length;+_i+<+_len;+i+=+%2B%2B_i)+{
++++n+=+ns[i];
++++func+=+func[n];
++}
++return+func;
}|676526|然后，您可以创建一个新对象或执行任何操作。请注意括号到。|676527|var+o+=+new+(objByName('Company.Module.Components.Foo'))
objByName('some.deeply.nested.object').value|676528|这个想法借鉴自类似的问题：How+to+execute+a+JavaScript+function+when+I+have+its+name+as+a+string|676529|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string^0|F|T|0|0|0|0|0|0|0|D|1X|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1C|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1D|8|@]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|W|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]]]

If object is in some namespace ie. <code>Company.Module.Components.Foo</code> you can use this function:

CoffeeScript:



<pre><code>objByName: (name, context = window) -&gt;
 ns = name.split "."
 func = context
 for n, i in ns
 func = func[n]
 return func
</code></pre>

Resulted Js:



<pre><code>objByName: function(name, context) {
 var func, i, n, ns, _i, _len;
 if (context == null) {
 context = window;
 }
 ns = name.split(".");
 func = context;
 for (i = _i = 0, _len = ns.length; _i &lt; _len; i = ++_i) {
 n = ns[i];
 func = func[n];
 }
 return func;
}
</code></pre>

Then you can create a new object or do whatever. Note the parenthises through.

<pre><code>var o = new (objByName('Company.Module.Components.Foo'))
objByName('some.deeply.nested.object').value
</code></pre>

This idea is borrowed from similar question: <a href="https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string">How to execute a JavaScript function when I have its name as a string</a>

blocks|key|676762|text|它可以像这样简单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|676763|var+myObjKey+=+"key";

var+obj+=+{[myObjKey]+:+"value"+};
console.log(obj);+//+=>+{key:+'value'}|code-block|syntax|javascript|676764|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It can be as simple as this
<pre class="lang-js prettyprint-override"><code>var myObjKey = &quot;key&quot;;

var obj = {[myObjKey] : &quot;value&quot; };
console.log(obj); // =&gt; {key: 'value'}
</code></pre>

blocks|key|893283|text|我对答案的一个挑战是，它假设对象是一个单一的关卡。例如,|type|unstyled|depth|inlineStyleRanges|entityRanges|data|893284|const+testObj+=+{+testKey:+'testValue'+}
const+refString+=+'testKey';
const+refObj+=+testObj[refString];|code-block|syntax|javascript|893285|工作正常，但是|893286|const+testObj+=+{+testKey:
++++++++++++++++++{+level2Key:+'level2Value'+}
++++++++++++++++}
const+refString+=+'testKey.level2Key';
const+refObj+=+testObj[refString];|893287|不起作用。|893288|我最终做的是构建一个函数来访问多级对象：|893289|objVar(str)+{
++++let+obj+=+this;
++++const+parts+=+str.split('.');
++++for+(let+p+of+parts)+{
++++++++obj+=+obj[p];
++++}
++++return+obj;
}|893290|然后，在第二个场景中，我可以将字符串传递给此函数，以获取我正在查找的对象：|893291|const+testObj+=+{+testKey:
++++++++++++++++++{+level2Key:+'level2Value'+}
++++++++++++++++}
const+refString+=+'testObj.testKey.level2Key';
const+refObj+=+objVar[refString];|893292|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

One of the challenges I had with the answers is that it assumed that the object was a single level. For example,

<pre><code>const testObj = { testKey: 'testValue' }
const refString = 'testKey';
const refObj = testObj[refString];
</code></pre>

works fine, but

<pre><code>const testObj = { testKey:
 { level2Key: 'level2Value' }
 }
const refString = 'testKey.level2Key';
const refObj = testObj[refString];
</code></pre>

does not work.

What I ended up doing was building a function to access multi-level objects:

<pre><code>objVar(str) {
 let obj = this;
 const parts = str.split('.');
 for (let p of parts) {
 obj = obj[p];
 }
 return obj;
}
</code></pre>

In the second scenario, then, I can pass the string to this function to get back the object I'm looking for:

<pre><code>const testObj = { testKey:
 { level2Key: 'level2Value' }
 }
const refString = 'testObj.testKey.level2Key';
const refObj = objVar[refString];
</code></pre>

blocks|key|676653|text|您可以通过以下方式设置对象属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|676654|​|676655|var+obj+=+{};
obj.whateverVarName+=+'yourVal';
console.log(obj);|code-block|syntax|javascript|676656|676657|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

You can set an objects property this way:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var obj = {};
obj.whateverVarName = 'yourVal';
console.log(obj);</code></pre>
</div>
</div>

blocks|key|893351|text|如果您已经知道可能的变量名称列表，那么尝试创建一个属性名称与对象名称相同的新对象(IconObj)，在下面的示例中，iconLib变量将包含两个字符串值，要么是'ZondIcons‘，要么是'MaterialIcons’。propertyName是ZondIcons或MaterialsIcon对象的属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|893352|+++const+iconObj+=+{
++++ZondIcons,
++++MaterialIcons,
++}
++const+objValue+=+iconObj[iconLib][propertyName]|code-block|syntax|javascript|893353|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you already know the list of the possible varible names then try creating a new Object(iconObj) whose properties name are same as object names, 
Here in below example, iconLib variable will hold two string values , either 'ZondIcons' or 'MaterialIcons'. propertyName is the property of ZondIcons or MaterialsIcon object.

<pre><code> const iconObj = {
 ZondIcons,
 MaterialIcons,
 }
 const objValue = iconObj[iconLib][propertyName]
</code></pre>

blocks|key|676506|text|使用windowobjname时，请确保objname是全局变量。否则，有时会工作，有时会失败。windowobjname.value。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|676507|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

When using the window[objname], please make sure the objname is global variables.
Otherwise, will work sometime, and fail sometimes.
window[objname].value.

blocks|key|893209|text|var+micro=[{'test':'hello'}];

var+device+=+'test';

console.log(micro[device]);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|893210|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var micro=[{'test':'hello'}];

var device = 'test';

console.log(micro[device]);
</code></pre>

I want to use the value of a variable to access an object.

Let's say I have an object named myobject.

I want to fill a variable with this name and use the variable to access the object.

Example:

<pre><code>var objname = 'myobject';
{objname}.value = 'value';
</code></pre>

Javascript use variable as object name

我想使用变量的值来访问对象。假设我有一个名为myobject的对象。我想用这个名称填充一个变量，并使用该变量访问该对象。示例：var objname = 'myobject';{objname}.value = 'value';

问Javascript使用变量作为对象名
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript使用变量作为对象名EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript使用变量作为对象名
EN