Javascript数组中重复的键存储值

在JavaScript中，数组是一种特殊类型的对象，其键（key）通常是数字索引，而值（value）可以是任意数据类型。然而，如果你尝试使用非数字的键来存储值，JavaScript会将其视为对象的属性而不是数组的元素。

基础概念

1. 数组索引：数组的索引是从0开始的整数，用于访问数组中的元素。
2. 对象属性：对象的属性可以由任意字符串作为键，包括数字字符串和非数字字符串。

相关优势

• 灵活性：JavaScript数组可以存储任意类型的值，包括其他数组或对象。
• 动态大小：数组的大小可以在运行时动态改变。

类型

• 数字索引数组：使用整数作为键的数组。
• 对象数组：使用非数字字符串作为键的数组，实际上是对象的属性。

应用场景

• 数据集合：数组常用于存储一组有序的数据集合。
• 动态数据：当需要存储的数据量不确定时，数组提供了灵活的存储方式。

遇到的问题

如果你尝试在数组中使用重复的非数字键来存储值，实际上你是在创建一个对象的属性，而不是数组的元素。这可能导致预期之外的行为，因为数组的长度不会增加，而且你无法通过索引访问这些值。

原因

JavaScript数组的索引必须是唯一的整数，而对象的属性可以有重复的键（如果键是字符串）。

解决方法

如果你需要存储具有重复键的数据，应该使用对象而不是数组。如果你需要保持数组的特性，可以考虑以下方法：

1. 使用Map：Map 对象允许你存储键值对，并且可以有重复的键。

let map = new Map();
map.set('key1', 'value1');
map.set('key1', 'value2'); // 覆盖之前的值
map.set('key2', 'value3');

console.log(map.get('key1')); // 输出: value2
console.log(map.get('key2')); // 输出: value3

1. 使用对象：如果你确实需要使用重复的键，可以直接使用对象。

let obj = {};
obj['key1'] = 'value1';
obj['key1'] = 'value2'; // 覆盖之前的值
obj['key2'] = 'value3';

console.log(obj['key1']); // 输出: value2
console.log(obj['key2']); // 输出: value3

1. 使用数组和对象结合：如果你需要同时保持数组的有序性和对象的键值对特性，可以创建一个数组，其元素是包含键和值的对象。

let array = [];
array.push({ key: 'key1', value: 'value1' });
array.push({ key: 'key1', value: 'value2' }); // 添加新的对象
array.push({ key: 'key2', value: 'value3' });

console.log(array.find(item => item.key === 'key1').value); // 输出: value1

参考链接

• MDN Web Docs: Array
• MDN Web Docs: Map
• MDN Web Docs: Object