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|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|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|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|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|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|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>

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|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|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|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>

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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