为什么JS允许以数组为key的属性访问？
JS允许以数组为key的属性访问是因为JS中的对象属性名实际上是字符串类型，而数组在JS中也是一种特殊的对象，可以作为属性名。这种特性使得JS具有更大的灵活性和扩展性。
数组作为属性名的访问方式在某些场景下非常有用，例如：
- 动态属性访问：通过数组作为属性名，可以根据变量的值来动态访问对象的属性。这在需要根据运行时的条件来确定属性名的情况下非常方便。
- 多维数据结构：通过使用多维数组作为属性名，可以构建复杂的数据结构，例如二维表格、多维矩阵等。这种方式可以简化对数据的操作和处理。
- 枚举和迭代：通过使用数组作为属性名，可以方便地对对象的属性进行枚举和迭代操作。这在需要对对象的属性进行遍历或者筛选时非常有用。
尽管JS允许使用数组作为属性名，但在实际开发中，建议尽量避免过于复杂的属性访问方式，以提高代码的可读性和维护性。如果需要使用复杂的数据结构或者键值对，可以考虑使用Map对象或者自定义的数据结构来代替。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性、可靠、安全的云服务器实例，适用于各种应用场景。
- 腾讯云云数据库 MySQL 版：提供高性能、可扩展的云数据库服务，支持主从复制、备份恢复等功能。
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等功能。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等功能。
相关·内容
下面是一个例子：
var obj = {};
obj.test1 = 'string'; // string
obj['test2'] = 'string'; // string
obj['test3'] = ['string']; // array
var key = 'test4';
//obj.key = 'string' // not working
var key = 'test5';
obj[key] = 'string'; // w
浏览 1提问于2015-03-16得票数 0
6回答
我有这样一个数组：
var myArray = new Array();
myArray['foo'] = {
Obj: {
key: value
}
};
myArray['bar'] = {
Obj: {
key: value
}
};
当我做console.log(myArray)时，我只会得到空的[ ]。当我尝试使用jQuery的each迭代数组时，函数不会运行。
如何获得数组的“foo”和“bar”部分？
示例代码：
console.log(myArray); // [ ]
jQuer
浏览 4提问于2014-07-23得票数 5
回答已采纳
3回答
为什么TypeScript允许这样做？我指定了一个数字索引。为什么我可以使用字符串作为索引？Visual studio不报告错误。
interface StringArray {
[index: number]: string;
}
var a: StringArray;
a = { "key": "val" };
var b = a["key"];
浏览 0提问于2015-11-10得票数 4
在几乎所有关于SO的教程或答案中，我看到了一种将数据从控制器发送到视图的常用方法，类视图通常看起来与下面的代码相似：
class View
{
protected $_file;
protected $_data = array();
public function __construct($file)
{
$this->_file = $file;
}
public function set($key, $value)
{
$this->_data[$key] = $value;
浏览 0提问于2013-06-24得票数 9
回答已采纳
为什么JS中数组的负索引不会引发错误？它看起来不打算在数组中有负索引的元素：
array.length不计算负indices.array.forEach()的元素，不对负索引的元素进行迭代。
UPD。问题不是“为什么它在技术上是可能的”，而是“为什么它是被设计允许的”。
解决了简短的答案:没有什么特别的原因，只是碰巧变成这样。
浏览 1提问于2020-04-05得票数 1
回答已采纳
我把数据保存在"localStorage“中。
现在，我想将这些数据放入JS数组中，以便对其进行排序，然后输出它。
//CREATE ARRAY
var localStorage_arr = [];
//LOOP THREW localStorage
Object.keys(localStorage).forEach(function(key){
//GET LOCALSTORAGE ITEM
var item = JSON.parse(localStorage.getItem(key));
//SET ARRAY KEY AND CREATE MULTIDIMENS
浏览 2提问于2021-03-04得票数 0
回答已采纳
密切相关的问题：
我有以下代码示例：
var someVariable = {abc: "def", ghi: "jkl"}
someVariable["SomeProperty"] = "dfsdfadsd"
alert(someVariable["SomeProperty"])
var someOtherVariable = { abcd: "defsd", ghij: "dfsdfdss" }
someOtherVariable.SomeOth
浏览 4提问于2017-02-28得票数 0
回答已采纳
我需要上传到表单中的文件在php数组中显示，但我的文件是空的，为什么？如果有人回复，我将不胜感激
下面是我需要的结果：
Array
(
[image] => Array
(
[name] => name
[type] => type
[tmp_name] => C:\...
[error] => 0
[size] => 66666
)
)
<form action="" id="form">
浏览 12提问于2019-11-11得票数 1
在for..中有带有reqursive的调用函数。在循环中，但在工作中出现了错误。因为我认为循环中的原因，但我不能理解为什么。帮帮忙！
<html>
<head>
<meta charset="utf-8">
<title>Test html with js tasks</title>
<script type="text/javascript" src='./2.js'></script>
</head>
<body&
浏览 3提问于2014-08-22得票数 0
我已经测试了web3js.eth.getAccounts() of web3js和ethers.listAccounts() of 以太，尽管我的元问询有一个或多个帐户，但它们返回的数组只有一个帐户。
这就是他们的工作方式吗？ANd如果是，那么为什么有像listAccounts()这样的方法呢？而不是listAccount()，为什么返回数组而不是单个项？
在什么情况下，上述方法将返回一个多个帐户数组？
浏览 0提问于2021-04-17得票数 3
回答已采纳
我不明白为什么arguments在JS函数中是一个类似数组的函数？
如何在length中找到arguments属性
为什么Object.keys(arguments)不能输出length属性？
浏览 1提问于2014-11-24得票数 0
回答已采纳
上次我检查时，下面两行返回了true
null == localStorage["foo"];
null == localStorage.getItem("foo");
用undefined替换null时也是如此。所以第一个问题是，为什么有两种方法来解决localStorage？为什么
localStorage["foo"]
返回undefined while
localStorage.getItem("foo")
返回null
在开发JS时，我需要注意这一点吗？
浏览 0提问于2015-04-08得票数 11
回答已采纳
3回答
我有这样的收藏..。
var data = {
"buckets": [
{
"key": "ia-Business",
"doc_count": 88
},
{
"key": "ia-Health_Sciences_and_Allied_Health",
"doc_count": 58
},
{
浏览 4提问于2017-07-21得票数 0
回答已采纳
我没想到jQuery的映射会对结果进行排序。是否可以使用它或类似的东西，并将结果保持与源相同的顺序？
var items = {
"7": "AAA",
"6": "BBB",
"2": "CCC",
"4": "DDD",
"3": "EEE",
"1": "FFF",
"5": "GGG"
};
function ShowList(li
浏览 1提问于2016-12-04得票数 2
回答已采纳
6回答
我一直试图解析嵌套的JSON数据，下面是我的代码
var string = '{"key1": "value", "key2": "value1", "Key3": {"key31":"value 31"}}';
var obj = JSON.parse(string);
console.log(obj.key1)
console.log(obj[0]);
这是输出
$ node try.js
value
undefined
为什么我对obj[0]的定义不明确？如何
浏览 3提问于2016-08-23得票数 4
回答已采纳
2回答
我有一个对象数组。我希望使用underscore.js按照对象各自的值对每个对象进行排序。
var myArray = [
{a:1, b:2, c:2},
{a:1, b:3, c:2},
{a:3, b:2, c:1},
{a:1, b:1, c:4},
{a:1, b:2, c:4},
];
我试过这种方法，但没有成功...
var myArray = [
{a:1, b:2, c:2},
{a:1, c:2, b:3},
{c:1, b:2, a:3},
{a:1, b:1, c:4},
{a:1, b:2
浏览 0提问于2012-12-19得票数 2
回答已采纳
我正在使用开放图形api检索我的用户的朋友的I数组。
$friends = $facebook->api('/me/friends?limit=2000');
$friendsList = array();
foreach ($friends as $key=>$value)
{
foreach ($value as $fkey=>$fvalue) {
$friendsList[] = $fvalue[id];
浏览 0提问于2012-10-20得票数 0
我试图使用以下方法从对象数组中获取最后一个对象，
const rowLen = previous_data.High.length;
var temp = previous_data.High.map((object,i) => {
if (rowLen === i + 1) {
return object;
}
});
然后，我想在下一个对象中填充值，所以，我做的如下
temp.keyname。
现在，当获得temp时，它将返回对象数组，所以在第2次之后，我得到
[ 0
浏览 0提问于2018-10-05得票数 2
回答已采纳
const arr = new Array(1);
arr[0] = {x: "first", y: "second"}
arr[0][5] = "third"
console.log(arr)
// Result: [{5: "third", x: "first", y: "second"}]
为什么在开头加5：“第三”？JS是如何在引擎盖下处理这个问题的？
浏览 6提问于2020-08-29得票数 0
回答已采纳
也许只是一个愚蠢的问题，但是，我希望能对以下行为做出解释：
var obj = {
key : "val1",
123 : "val2"
};
obj.key; // "val1"
obj.123; // Syntax error: missing; before statement
obj[123]; // "val2"
为什么obj.key与obj.123不同，尽管它们都被声明为obj的键。
以这种方式访问对象文本obj.123是错误的。
以下列方式声明对象是正确的吗？我测试过的浏览器是IE9、火狐和chr
浏览 5提问于2012-01-27得票数 3
回答已采纳
2回答
我刚刚开始使用es6学习Meteor和React，而且我很难理解this.props。它是从哪里来的？我没有自己为类定义它的代码。提前谢谢你。
这是我的简单代码的一部分-todos/import/ui/App.jsx：
import React, { Component, PropTypes } from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import ReactDOM from 'react-dom';
import { Tasks } f
浏览 5提问于2016-05-19得票数 1
回答已采纳
的允许我们描述我们可以索引到的类型。例如，可以定义如下字符串数组：
interface StringArray {
[key: number]: string;
}
let x: StringArray = ['Sheldon', 'Cooper'];
x[0] = 'John';
x[1] = 'Snow';
通过查看索引签名[key: number]: string;，我所理解的是，它定义了键/索引：key的名称和键：string的类型，以及返回的值的类型，即number。现在，当我将键类型更改为string时，会得到
浏览 0提问于2017-01-27得票数 2
2回答
当我尝试包含ember.js库(成员-1.0.0-rc.7.js)时，我看到了一些奇怪的东西。
我刚刚得到的javacode输出了一个javascript数组：
<script type="application/javascript">
var songs = [ 'a','b','c'];
console.debug(songs.toString());
for(key in songs)
{
console.debug(songs[key]);
}
</script>
当我不包括库时，它会
浏览 1提问于2013-08-28得票数 3
回答已采纳
试图弄清楚为什么对象的键值对中的值在HTML中显示时显示为未定义。
JSON代码如下：
{"products" : [
{
"name" : "-------",
"id" : " --------",
"price" : "---------",
"description" : "--------"
},
{
"name" : "-------
浏览 3提问于2015-03-17得票数 0
3回答
我观察到以下情况：
var o = {}; // empty JS object
var a = []; // empty JS array
o.myproperty = "I am property";
a.push("I am array element");
alert(o['myproperty']); // alerts "I am property"
alert(o.myproperty); // alerts "I am property"
alert(a[0]); // alerts "
浏览 2提问于2016-04-01得票数 0
回答已采纳
我有一个图像托管网站在CI与一个图像视图文件(工作良好)和一个图像相册之一，但相册视图产生以下错误‘尝试获取非对象的属性’。我试着搜索，但看不出我做错了什么。
在我的视图中有这个问题的区域是(这一行'if($row->id == $id_array$key):')：
<?php if(count($records_array) != 1) : ?>
<div class="album-images">
<?php $i = 0; $links_array = array(); ?>
<?php forea
浏览 0提问于2012-03-20得票数 0
回答已采纳
我试图在一个createAsyncThunk中进行fetch，但是fetch没有被触发，即使在另一个createAsyncThunk中使用了相同的代码结构并且fetch运行良好。当我在extraReducer中执行console.log(操作)时，它会抛出以下消息：
error:
message: "[Immer] Immer only supports setting array indices and the 'length' property"
name: "Error"
stack: "Error: [Immer] Immer o
浏览 50提问于2021-02-19得票数 0
回答已采纳
2回答
我想了解这个密码的结果。我认为这与反应“钥匙”有关。“
const {useState} = React;
/*export default*/ function App() {
const [alphabets, setAlpabets] = useState([
{ key: "b", name: "b2" },
{ key: "b", name: "b" },
{ key: "a", name: "a1" },
{ key: "a",
浏览 4提问于2022-01-27得票数 1
2回答
获取以数字开头的键的值。
、、、
我遇到了一个使用Pipedrive的问题。我试图使用下面的内容获取一些数据，但它返回了一个错误：
$.each(data.data, function(key,value) {
console.log(value.0d1df598a5539ab5b6b410b339dc9218e0acb091);
});
然而，这样做是可行的：
$.each(data.data, function(key,value) {
console.log(value.person_name);
});
为什么我不能获得键的值，这些键是由Pipedrive系统生成的复杂字符串？
浏览 1提问于2016-05-23得票数 1
回答已采纳
我是JavaScript的初学者，正在尝试重构一个API，但我遇到了一个奇怪的问题。
我使用node解释器来测试我希望在重新设计中包含的一些代码，但我遇到了一些意想不到的行为。
考虑在节点解释器中输入以下内容：
[In0] b
我希望得到一个ReferenceError，如下所示。
[Out0]
ReferenceError: b is not defined
at repl:1:1
at REPLServer.defaultEval (repl.js:132:27)
at bound (domain.js:254:14)
at REPLServer.runBound [as eval] (
浏览 5提问于2015-07-26得票数 1
回答已采纳
为什么不能用点符号访问数组元素？
var arr = ['Apple', 'Mango', 'Pineapple', 'Orange', {name: 'Banana', color: 'yellow'}];
console.log( arr[0] ); // "Apple"
console.log( arr.0 ); // "Apple"
console.log( arr.3 ); // "Orange"
console.log( arr[4].n
浏览 0提问于2015-07-09得票数 5
2回答
我的AngularJS应用程序中有以下常量，并希望使用下面所示的函数访问它的值。问题是，我将键作为字符串传递，但很明显，如下面代码所示，它返回的是未定义的，因此我想知道是否有一种方法可以将传递的字符串转换为常量键，以便返回与正在传递的键对应的正确常量值？谢谢
myApp.constant('clients', {
clientData: "clientDetails",
clientList: "clients" });
getConstV : function(Key){
//this one returns c
浏览 6提问于2014-06-18得票数 0
回答已采纳
数组仅仅是伪装的对象吗？为什么/为什么不？它们在哪些方面(是/不是)？
我一直认为JS中的数组和对象本质上是相同的，主要是因为访问它们是相同的。
var obj = {'I': 'me'};
var arr = new Array();
arr['you'] = 'them';
console.log(obj.I);
console.log(arr.you);
console.log(obj['I']);
console.log(arr['you']);
我是不是误导了/错了/错了？关于JS文字、
浏览 1提问于2011-02-19得票数 34
回答已采纳
当我在那里读YDKJS的书时说：
有一个细微的异常需要注意:即使该属性已经可配置: false，可写始终可以从true更改为false，而不会出错，但如果已经为false，则不会返回为true。
"use strict";
const obj = Object.create(null);
Object.defineProperty(obj, "name", {
value: "Murad",
writable: true,
configurable: false,
enumerable: true
});
Obj
浏览 1提问于2019-09-03得票数 1
在_.each方法的underscore.js源代码中，他们使用了obj.length === +obj.length。在第一个else if条件中。为什么要用这个+运算符，它的意义是什么？
var each = _.each = _.forEach = function(obj, iterator, context) {
if (obj == null) return;
if (nativeForEach && obj.forEach === nativeForEach) {
obj.forEach(iterator, context);
} else if (obj.l
浏览 0提问于2013-06-06得票数 3
我试图从gifs在onClick上显示随机的GIFs，但是我得到了一个错误：
‘无法读取未定义的属性“图像”
当试图获取图像的URL时。
此外，我还创建了一个handleClick函数，以便在每次单击时获得随机GIF。
Main.js
const Main = () => {
const [data, setData] = useState([])
useEffect(() => {
fetch('https://api.giphy.com/v1/gifs/trending?&limit=9&api_key=aIINKf
浏览 0提问于2021-01-22得票数 1
回答已采纳
尝试运行以下代码：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script> b = jQuery.noConflict(true); </script>
<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js"></script>
浏览 0提问于2009-10-15得票数 0
回答已采纳
我正在构建一个web应用程序，它使用Go服务器向一个React应用程序提供数据。
在构建服务器时，我遵循了Go docs ()提供的教程。我的代码非常类似于这段代码，当我使用curl时，我得到了预期的结果。
[
{
"id":0,
"date":"2021-11-21T12:00:00Z",
"rentedTo":"Bob",
"rentedBy":"Jim"
},
//etc...
然而，当我使用React的fetch API时，我的结果
浏览 0提问于2021-11-23得票数 1
回答已采纳
如果我做一篇文章，我可以通过做$payload = json_decode($app->request->getBody());来获取内容
但是我不能理解request->getBody在slim中是如何工作的。
首先，有一个神奇的方法：
public function __get($name)
{
return $this->container->get($name);
}
这将返回一个Slim\Http\Request对象。就目前而言，这很好。
$this->container是Slim\Helper\集合，下面是get函数：
public fu
浏览 1提问于2015-10-29得票数 1
刚开始学习Javascript。最近，我使用了for-in循环来迭代对象的属性。例如..。
var someObject = { a:1, b:2 };
for(var property in someObject){
console.log(property);
}
这将打印..。
"a"
"b"
但是，当我使用它来迭代数组时...
var someArray = ["a","b","c"];
for(var element in someObject){
console.log(elemen
浏览 6提问于2013-12-25得票数 1
3回答
我正在使用Angular8，下面有下面的代码。
问题：
为什么组件中可观察到的只有一项(应该有四项)。
在html中，为什么我不能迭代对象呢？我以为它是个阵列。
服务：
private listProductsJSON: any;
private listProducts$: BehaviorSubject<Product[]>;
public getItems(url: string): Observable<Product[]> {
this.listProducts$ = <BehaviorSubject<Product[]>
浏览 0提问于2019-09-02得票数 0
我正在使用OpenWeatherAPI来制作一个天气应用程序，我可以检索我的日期数据，但是我的临时数据带来了一些问题，我不完全确定为什么。以下是我的错误：
未定义的TypeError:无法读取未定义的Weather.js:31属性“temp”
这是我的Weather.js：
componentDidMount () {
axios.get('http://api.openweathermap.org/data/2.5/forecast?q=London,uk&appid=APIKEY')
.then(response => {
浏览 1提问于2018-06-19得票数 2
回答已采纳
4回答
这是我第一次接触到这个语法(我正在使用WPF，但不确定它是否只适用于WPF)
public string this[string name]
{
if(this.User == name)
{
...
}
}
与下面这样的标准方法相比，使用这种方法有什么优势？
public string Validate(string name)
{
if(this.User == name)
{
...
}
}
我尝试过编译public string this(string name)，但这不起作用，所以this方面是关键。但是，这种格式是否实现了
浏览 0提问于2013-03-21得票数 2
回答已采纳
我已经实现了理智CMS到十一，并有一个工作的11ty过滤器，将便携式文本转换为HTML。
我有大量的自定义块，因此我也在传递序列化程序。然而，我无法使其中一个序列化程序工作。
这是我的代码：
On .eleventy.js
// Portable Text to HTML Filter for Sanity
eleventyConfig.addFilter('sanityToHTML', function(value) {
return blocksToHtml({
blocks: value,
serializers: serializ
浏览 0提问于2021-09-20得票数 0
回答已采纳
我使用的是PHP 5.3.6
我有下面的代码。一切正常，除了最后一行，它试图根据数组中的位置返回一个值，而不是关联的名称。谁能解释为什么会发生这种情况，以及我如何构建数组，以便我可以通过关联名称或位置编号引用项目？
谢谢。
<?php
class myObject {
var $Property;
function myObject($property) {
$this->Property = $property;
}
}
$ListOfObjects['form_a'] = new myObject(1);
$ListOfObjects[&#
浏览 1提问于2011-08-22得票数 0
回答已采纳
3回答
数组键没有添加节点js。
、、、
你好，我是节点js的新手。我想要添加一个带有结果数组的键，并在json数组中打印它。
connection.modal.find( { 'id' : '2' }, function ( err, result ) {
var response = {};
result['add_key'] = 'abcdd';
response['success'] = true;
response['result'] = result;
response['msg
浏览 4提问于2016-03-08得票数 0
1回答
我试图在node.js中将一个非常大的json转换为csv，但是它花费了太多的时间，并且在转换时也导致了100%的cpu。
jsonToCsv: function (data) {
var keys = Object.keys(data[0]);
var csv = [keys.join(",")];
console.time("CSVGeneration");
data.forEach(function (row) {
var line = '';
keys.forEach(func
浏览 5提问于2014-12-15得票数 2
回答已采纳
为什么bash数组中的空键总是零键元素？
试一试
empty_key=
h[0]=0
h[1]=1
h[2]=2
echo ${h[$empty_key]}
结果
0
请你解释一下，为什么这种行为是正确的？
据我理解，这与
not_existing_key=5
echo ${h[$not_existing_key]}
结果都是空的。
这一点很重要，如果您使用循环的结果，如
for element in ${h[$key]};do
...
done
其中empty_key导致循环，而不是not_existing_key。
为了避免这种行为，显然不使用索引0启动数组。
或
用未分配的任何
浏览 2提问于2019-11-28得票数 1
回答已采纳
SHAREPOINT 2010用户
我有一个充满项目的SharePoint列表，其中一个字段是Topics。我希望能够返回这些价值。如果我使用实际的字段标题，我将得到对象对象，而不是对象值。我想知道这是否与我使用的术语有问题，因为它们非常类似于.Net。
不管怎么说，这是我目前所拥有的。
<!DOCTYPE html>
<%@ Page language="C#" %>
<%@ Register Tagprefix="SharePoint"
Namespace="Microsoft.SharePoint
浏览 2提问于2015-09-23得票数 0
回答已采纳
我正在试验JS对象的键值对。
<div id="parent" class="parent">
<div id="child" class="child">
<input type="text" class="text"/>
<input id="submit" type="submit" onclick="doThis()"/>
</div>
浏览 8提问于2013-12-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
