JavaScript Array和Array of Objects的区别

本文将展示Array和Array of Objects在JavaScript中的区别。

Array（数组）： Array是一个数据集合和数据结构，它们以一系列内存位置的形式存储。通过调用索引号，比如0、1、2、3等，可以访问数组的元素。数组可以存储整数、浮点数、字符串和布尔值，所有的基本数据类型都可以存储在数组中。

示例： 在这个示例中，我们将看到JavaScript数组的基本创建和访问数组的值。

JavaScript

let Arr = [1, 2, 3, 4, 5];
 
// Iterating through loop
for (let i = 0; i < Arr.length; i++) {
    console.log(Arr[i]);
}
 
// Pop an element from array
Arr.pop();
console.log("After using pop() Method: " + Arr);

输出

1
2
3
4
5
After using pop() Method: 1,2,3,4

对象数组： 它在一个变量中存储多个值。对象可以包含现实世界中的任何事物，如人物名字、汽车和游戏角色。在某些情况下，如果您知道数据在哪里被处理，对象非常容易使用。对象的字符集被称为属性。可以使用 点表示法 和 方括号表示法 访问对象的属性。

示例： 在这个示例中，我们将创建一个基本的JavaScript数组对象，并访问其属性。

JavaScript

// Array of objects
let myObject = {
    jhon: {
        name: 'jhon',
        age: 12,
        gender: 'male'
    },
    rita: {
        name: 'rita',
        age: 32,
        gender: 'male'
    }
};
 
// Using DOT notation
console.log('Using DOT:' + myObject.jhon.gender);
 
// Using [] notation
console.log('Using []:' + myObject.rita['age']);
 
// Using delete keyword
delete myObject.rita;
 
// Iterating using for..in loop
for (let key in myObject) {
 
    // logs values in myObject
    console.log(myObject[key]);
}

输出

Using DOT:male
Using []:32
{ name: 'jhon', age: 12, gender: 'male' }

数组和对象数组之间的区别：

数组	对象数组
当元素是数字时，数组是最好的选择。	当元素是字符串（文本）时，对象是最好的选择。
数组内的数据被称为元素。	对象内的数据被称为属性，它们由键和值组成。
可以使用 [] 来操作数组中的元素。	可以使用 .DOT 符号和 [] 来操作对象中的属性。
可以使用 pop() 函数从数组中弹出元素。	可以使用 delete 关键字来删除键或属性。
可以使用 For 循环、For..in 循环、For..of 循环和 ForEach() 来遍历数组。	可以使用 For..in 循环、For..of 循环和 ForEach() 来遍历对象数组。