JS中的关联数组与普通数组详解

在JavaScript中有两种基本的数组类型，分别是关联数组和普通数组。这两种数组的定义和使用方法有很大的不同。

1. 普通数组

普通数组是一种使用下标访问元素的数组。它提供了一个基于数字索引的快速访问列表的方法，下标从0开始，索引号连续排列。

1.1 定义和初始化

普通数组的定义可以使用[]或Array()两种方式进行。例如：

let arr1 = [1, 2, 3]; // 使用[]定义
let arr2 = new Array(1, 2, 3); // 使用Array()定义

普通数组的初始化可以使用[]或Array()方式添加元素。例如：

let arr = [];
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;

let arr = new Array();
arr.push(1);
arr.push(2);
arr.push(3);

console.log(arr); // 输出 [1, 2, 3]

1.2 常用方法

普通数组提供了很多常用的方法，常见的方法有：

• push()：向数组尾部添加一个或多个元素
• pop()：删除数组尾部的元素并返回该元素
• shift()：删除数组头部的元素并返回该元素
• unshift()：向数组头部添加一个元素
• slice()：提取数组的一部分并返回一个新的数组
• splice()：从数组中删除或添加元素，修改原数组
• sort()：对数组进行排序，修改原数组
• reverse()：反转数组，修改原数组

1.3 示例1：求数组的最大值最小值

实现方式：

let arr = [1, 2, 3, 4, 5];
let max = arr[0];
let min = arr[0];
for (let i = 0; i < arr.length; i++) {
  if (arr[i] > max) {
    max = arr[i];
  }
  if (arr[i] < min) {
    min = arr[i];
  }
}
console.log(max, min); // 输出 5 1

2. 关联数组

关联数组是一种使用字符串作为键名访问元素的数组。它提供了一种使用字符串索引来访问数据的方法。

2.1 定义和初始化

关联数组的定义可以使用大括号{}进行。例如：

let obj = {
  name: '张三',
  age: 18,
  gender: '男'
};

关联数组的初始化可以使用大括号{}方式添加元素。例如：

let obj = {};
obj.name = '张三';
obj.age = 18;
obj.gender = '男';

console.log(obj); // 输出 {name: "张三", age: 18, gender: "男"}

2.2 常用方法

关联数组的常用方法与普通数组的方法有所不同，常用的方法有：

• Object.keys()：获取对象的所有键名组成的数组
• Object.values()：获取对象的所有键值组成的数组
• Object.entries()：获取对象的所有键值对组成的数组

2.3 示例2：统计一段文本中各单词出现的次数

实现方式：

let str = 'Hello JavaScript World World';
let arr = str.split(' ');
let obj = {};
for (let i = 0; i < arr.length; i++) {
  if (obj[arr[i]] === undefined) {
    obj[arr[i]] = 1;
  } else {
    obj[arr[i]]++;
  }
}
console.log(obj); // 输出 {Hello: 1, JavaScript: 1, World: 2}

总结

在JavaScript中，可以使用普通数组和关联数组来存储数据，使用方式和方法有所不同。我们需要根据实际的需求来选择使用哪种数组类型，进行合理的设计和使用。