blocks|key|2110233|text|您的数组结构不正确，一个对象可能更适合：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2110234|var+favWebComics+=+{
++++Goblins+:+"www.goblinscomic.org",
++++GirlGenious+:+"www.girlgeniousonline.com",
++++GrrlPower+:+"www.grrlpowercomic.com"
++++};|code-block|syntax|javascript|2110235|然后，您应该能够访问您想要的属性|2110236|favWebComics.Goblins
favWebComics.GirlGenious
favWebComics.GrrlPower|2110237|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

your array is not structured correctly and an object would be better suited:

<pre><code>var favWebComics = {
 Goblins : "www.goblinscomic.org",
 GirlGenious : "www.girlgeniousonline.com",
 GrrlPower : "www.grrlpowercomic.com"
 };
</code></pre>

then you should be able to access the properties as you intend

<pre><code>favWebComics.Goblins
favWebComics.GirlGenious
favWebComics.GrrlPower
</code></pre>

blocks|key|1657329|text|[+]用于数组，数组以数字为索引。如果需要命名属性，则应使用对象，该对象的文字使用{+}：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1657330|var+favWebComics+=+{
++++Goblins:+"www.goblinscomic.org",
++++GirlGenious:+"www.girlgeniousonline.com",
++++GrrlPower:+"www.grrlpowercomic.com"
};|code-block|syntax|javascript|1657331|=用于赋值给变量，而不是指定对象中的属性名称。|1657332|然后，您需要了解用于访问对象的.和[]表示法之间的区别。.x表示查找字面上名为x的属性，[x]表示使用x的值作为属性名。参见Dynamically+access+object+property+using+variable。|1657333|所以它应该是：|1657334|document.getElementById("web").innerHTML+=+favWebComics[x];|1657335|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/4244896/dynamically-access-object-property^0|0|3|15|3|0|0|0|1|0|F|1|H|2|S|2|13|1|18|3|1F|1|1Q|1D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|O|3|P|5|6|7|1P|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1Q|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<code>[ ]</code> is used for arrays, which are indexed with numbers. If you want named properties, you should use an object, which uses <code>{ }</code> for its literals:

<pre><code>var favWebComics = {
 Goblins: "www.goblinscomic.org",
 GirlGenious: "www.girlgeniousonline.com",
 GrrlPower: "www.grrlpowercomic.com"
};
</code></pre>

<code>=</code> is for assigning to variables, not specifying property names in an object.

Then you need to understand the difference between <code>.</code> and <code>[]</code> notation for accessing objects. <code>.x</code> means to look for a property literally named <code>x</code>, <code>[x]</code> means to use the value of <code>x</code> as the property name. See <a href="https://stackoverflow.com/questions/4244896/dynamically-access-object-property">Dynamically access object property using variable</a>.

So it should be:

<pre><code>document.getElementById("web").innerHTML = favWebComics[x];
</code></pre>

blocks|key|4427243|text|从技术上讲，您将数组视为字典。如果您打算这样做，但稍后仍想添加更多信息，则需要在代码中使用括号{}。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4427244|var+favWebComics+=+{
+++Goblins:+["www.goblinscomic.org"],
+++GirlGenious:+["www.girlgeniousonline.com"],
+++GrrlPower:+["www.grrlpowercomic.com"]
};|code-block|syntax|javascript|4427245|同样对于javascript，只要您的搜索键存储了值，就可以使用大括号[]进行调用。下面是工作代码。|4427246|document.getElementById("web").innerHTML+=+favWebComics[x];|4427247|entityMap^0|1B|2|0|0|Z|2|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

Technically you were treating the array like a dictionary. if you're going to do that but still wanna add more information later you'll need to use brackets <code>{}</code> on the code. 

<pre><code>var favWebComics = {
 Goblins: ["www.goblinscomic.org"],
 GirlGenious: ["www.girlgeniousonline.com"],
 GrrlPower: ["www.grrlpowercomic.com"]
};
</code></pre>

Also for javascript, as long as your searching key value stores, use braces <code>[]</code> for the call. Here's the working code below.

<pre><code>document.getElementById("web").innerHTML = favWebComics[x];
</code></pre>

blocks|key|1651950|text|我有你的解决方案，它显示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1651951|1651952|unordered-list-item|1651953|1651954|1651955|(选择所选的选项并显示url|1651956|1651957|1651958|请检查一下小提琴。http://jsfiddle.net/nw8Ln6ha/13/|offset|length|1651959|您的对象将是：|1651960|var+favWebComics+=+{
++++++++Goblins+:++{url:"www.goblinscomic.org",+img:"img1"},
++++++++GirlGenious+:+{url:"www.girlgeniousonline.com",+img:"img2"},
++++++++GrrlPower+:+{url:"www.grrlpowercomic.com",+img:"img3"}
++++++++};|code-block|syntax|javascript|1651961|您的显示代码：|1651962|document.getElementById("demo").innerHTML+=+"You+selected:+"%2Bx%2B"+"%2B+eval("favWebComics[\""%2Bx%2B"\"].url")%2B"+"%2B+eval("favWebComics[\""%2Bx%2B"\"].img");|1651963|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/nw8Ln6ha/13/^0|0|0|0|0|0|0|0|0|9|W|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|18|8|@]|9|@]|A|$]]|$1|C|3|-4|5|D|7|19|8|@]|9|@]|A|$]]|$1|E|3|-4|5|D|7|1A|8|@]|9|@]|A|$]]|$1|F|3|-4|5|D|7|1B|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|1C|8|@]|9|@]|A|$]]|$1|I|3|-4|5|D|7|1D|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1F|8|@]|9|@$M|1G|N|1H|1|1I]]|A|$]]|$1|O|3|P|5|6|7|1J|8|@]|9|@]|A|$]]|$1|Q|3|R|5|S|7|1K|8|@]|9|@]|A|$T|U]]|$1|V|3|W|5|6|7|1L|8|@]|9|@]|A|$]]|$1|X|3|Y|5|S|7|1M|8|@]|9|@]|A|$T|U]]|$1|Z|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]]]

I have your solution, that displays:

<ul>
<li>the selected choice</li>
<li>the url</li>
<li>the images</li>
</ul>

Please check the fiddle.
<a href="http://jsfiddle.net/nw8Ln6ha/13/" rel="nofollow">http://jsfiddle.net/nw8Ln6ha/13/</a>

Your object would be:

<pre><code>var favWebComics = {
 Goblins : {url:"www.goblinscomic.org", img:"img1"},
 GirlGenious : {url:"www.girlgeniousonline.com", img:"img2"},
 GrrlPower : {url:"www.grrlpowercomic.com", img:"img3"}
 };
</code></pre>

Your display code:

<pre><code>document.getElementById("demo").innerHTML = "You selected: "+x+" "+ eval("favWebComics[\""+x+"\"].url")+" "+ eval("favWebComics[\""+x+"\"].img");
</code></pre>

I am trying to write an html page for class that uses a drop down menu to allow users to pull up a list of relevant information. Unfortunately I am having trouble figuring out how to make the script call on the information in the array. The jsfiddle has the full html section, any help would be GREATLY appreciated.

Please bear in mind that I am not very good with terminology, so be as specific as possible. Especially regarding jQuery, our teacher didn't go over it much so it's a freaking mystery to me.

Also, I do plan on adding more information to the objects in the array, but until I get it working, I don't want to waste the time on something I might need to restructure.

<a href="http://jsfiddle.net/GamerGorman20/nw8Ln6ha/11/" rel="nofollow">http://jsfiddle.net/GamerGorman20/nw8Ln6ha/11/</a>

<pre><code> var favWebComics = [
 Goblins = {1: "www.goblinscomic.org"},
 GirlGenious = {1: "www.girlgeniousonline.com"},
 GrrlPower = {1: "www.grrlpowercomic.com"}
 ];

 var myFunction = function() {
 var x = document.getElementById("mySelect").value;

 document.getElementById("demo").innerHTML = "You selected: " + x;
 document.getElementById("web").innerHTML = favWebComics.x;
 };
</code></pre>

Again, the JSFiddle link has the full html, there are some unused items currently, but I do plan on adding more of them soon.

My next plan is to incorporate images into the objects, so a picture loads for each selection option. How would I manage that?

Having trouble referring to object within array

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试为类编写一个html页面，它使用下拉菜单来允许用户拉出相关信息的列表。不幸的是，我在弄清楚如何对数组中的信息进行脚本调用时遇到了问题。jsfiddle有完整的html部分，如果有任何帮助，我们将不胜感激。请记住，我对术语不是很在行，所以请尽可能具体。特别是关于jQuery，我们的老师并没有过多的讲解，所以这对...

问引用数组中的对象时遇到问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问引用数组中的对象时遇到问题EN