js以对象为索引的关联数组

“以对象为索引的关联数组”在JavaScript中被称为“对象”，也是一种常见的数据结构。从表面上看，它与其他编程语言中的字典或散列表/哈希表类似，但实际上更加灵活和强大。

基本概念

JavaScript中的对象是一组键/值对，其中键是字符串（或符号）类型，而值可以是任何数据类型（包括另一个对象）。对象中的键是唯一的，且不允许重复，但同一个对象的多个键可以指向同一个值。对象的最简单表示法是用大括号{}包围一个或多个键/值对：

let myObject = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

在上面的示例中，myObject是一个包含三个键/值对的对象，每个键都是一个字符串类型的键名，值可以是任何类型的值（但这里都是字符串）。

在给定一个键名时，可以使用括号或点号操作符访问该键的值：

console.log(myObject['key1']); // 输出 'value1'
console.log(myObject.key2); // 输出 'value2'

请注意，使用方括号（[]）和字符串键名（需要用引号括起来）可以访问对象的值。操作符的另一种方式是使用点（.）键访问键的值，对象属性名称必须是合法的标识符。

高级特性

因为JavaScript中的对象是非常灵活的数据结构，所以有许多有用的进阶特性。

动态键

由于JavaScript中的对象具有非常灵活的键/值结构，因此可以在运行时动态创建和删除键：

let myObject = {};
myObject['newKey'] = 'newValue'; // 动态添加键/值对
delete myObject['newKey']; // 动态删除键/值对

请注意，键名可以是任何字符串（或者符号），而不是只限于本地变量。所以你可以传递一个字符串给一个函数，并在函数中将该字符串作为对象的键名使用。

继承

在JavaScript中，对象可以通过所谓的原型链从其他对象继承属性：

let parentObject = {parentProperty: 'parentValue'};
let childObject = Object.create(parentObject); // 继承自parentObject
childObject.childProperty = 'childValue';
console.log(childObject.parentProperty); // 输出 'parentValue'

在这个例子中，childObject是通过Object.create操作从parentObject中继承而来的。这意味着childObject现在拥有parentObject的所有属性，包括parentProperty，同时也可以拥有它自己的属性childProperty。

对象和数组

由于对象中的键可以是任何字符串，因此可以使用一个对象来实现一个类似于数组的数据结构：

let myArray = {'0': 'value1', '1': 'value2', '2': 'value3'};
console.log(myArray[1]); // 输出 'value2'

在这个例子中，对象myArray实际上是一个数组，它的键是字符串，因此无法像常规数组那样使用数组方法。但是，可以按照上文提到的方式使用方括号运算符来访问数组中的元素。

对象和函数

在JavaScript中，函数实际上是对象（也称为函数对象）。这意味着函数可以具有属性，这些属性可以用于实现很多高级功能：

function myFunction() {
  myFunction.myProp = 'myValue';
}
myFunction(); // 调用函数以设置myProp属性
console.log(myFunction.myProp); // 输出 'myValue'

在这个例子中，函数myFunction被调用，并设置了属性myProp。当再次访问myProp时，该属性将继续存在。

示例

示例1：将一个数组转换为“以对象为索引的关联数组”

let myArray = ['value1', 'value2', 'value3'];
let myObject = {};

for(let i = 0; i < myArray.length; i++) {
  myObject[i] = myArray[i];
}

console.log(myObject[0]); // 输出 'value1'

在这个例子中，数组myArray被转换为myObject对象，该对象用整数作为键名，以便访问数组中的元素。

示例2：使用对象作为缓存

let myCache = {};

function getData(key) {
  if(key in myCache) {
    return myCache[key];
  }
  else {
    let data = fetchData(key);
    myCache[key] = data;
    return data;
  }
}

function fetchData(key) {
  // 从web服务或其他来源获取数据
  return 'data for ' + key;
}

console.log(getData('foo')); // 调用fetchData并返回结果
console.log(getData('foo')); // 直接返回缓存的结果

在这个例子中，函数getData实现了一个缓存机制，使用一个全局对象myCache来存储已经获取过的数据。当需要获取数据时，函数首先检查缓存中是否已经有数据，并在找到数据后直接返回。否则，它将调用函数fetchData来获取数据，并将结果存储在缓存中以备将来调用。

以上就是关于“以对象为索引的关联数组”的完整攻略，包含了基本概念、高级特性以及示例。希望能对你有所帮助！