潜说js对象和数组

潜说JS对象和数组

介绍

在JavaScript中，对象和数组是两种重要的数据类型。对象是包含键值对的数据结构，而数组是具有有序、可变长度的列表。这两种数据类型在日常编程中经常被用到，我们来学习一些其基础知识和使用方法。

JS对象

JS对象是一种包含属性的数据结构。属性由键值对表示。对象本身也可以被继承来创建新的对象。

对象可以通过两种方式创建：字面量创建和构造函数创建。

• 使用字面量创建对象

const person = {
  name: 'Alice',
  age: 21,
  gender: 'female',
  'place-of-birth': 'New York'
};

console.log(person.age); // 21
console.log(person['place-of-birth']); // New York

键值对是对象的基本单位，它们由一个键和一个值组成。键和值之间使用冒号分隔，每个键值对之间使用逗号分隔。

可以使用点（.）或方括号（[]）访问对象的属性。对于带有特殊字符的属性名，只能使用方括号语法访问。

• 使用构造函数创建对象

function Person(name, age, gender, placeOfBirth) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.placeOfBirth = placeOfBirth;
}

const person = new Person('Alice', 21, 'female', 'New York');
console.log(person.name); // Alice

我们可以通过JavaScript中的原型链来实现对象的继承。比如：

function Animal(name) {
  this.name = name;
}

Animal.prototype.sayName = function() {
  console.log('My name is ' + this.name);
}

function Dog(name) {
  Animal.call(this, name);
}

Dog.prototype = Object.create(Animal.prototype);

const dog = new Dog('Buddy');
dog.sayName(); // My name is Buddy

JS数组

JS数组是一组有序的数据集合，每个元素可以是任意类型的数据，包括对象和数组。

• 创建数组

const arr1 = [1, 2, 3];
const arr2 = new Array(1, 2, 3);

两种方式都可以创建一个含有1、2、3三个元素的数组。

注意:如果只提供一个参数，则创建一个元素个数为该值的空数组；如果提供多个参数，则创建一个元素包含这些参数的数组。

• 访问数组元素

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits[0]); // apple
console.log(fruits[1]); // banana
console.log(fruits[2]); // orange

数组下标从0开始。可以使用方括号中的下标来访问数组元素。

• 变更数组元素

const fruits = ['apple', 'banana', 'orange'];
fruits[0] = 'pear';
console.log(fruits); // ['pear', 'banana', 'orange']

可以使用方括号中的下标来修改数组元素的值。

• 数组长度

const fruits = ['apple', 'banana'];

console.log(fruits.length); // 2

fruits.length = 10;
console.log(fruits.length); // 10

可以通过数组的length属性来获取当前数组的元素个数。也可以通过修改length属性增加或删除数组的元素。

示例1：使用对象创建一个简单的键值对表示法

const person = {
  name: 'Alice',
  age: 21,
  gender: 'female',
  'place-of-birth': 'New York',
  grades: {
    math: 90,
    english: 80,
    science: 95
  }
};

console.log(person.grades.math); // 90

上述例子中，grades 对象作为 person 对象的一个属性，从而形成了嵌套结构。访问嵌套属性时需要使用点或方括号语法来获取属性的值。

示例2: 使用数组存储多个数据

const fruits = ['apple', 'banana', 'orange'];
fruits.push('pear');
console.log(fruits); // ['apple', 'banana', 'orange', 'pear']

fruits.splice(1, 1); 
console.log(fruits); // ['apple', 'orange', 'pear']

上述例子展示了数组的两个基本操作:添加元素和删除元素。push 方法用于向数组末尾添加一个新元素。splice 方法用于删除指定元素。第一个参数表示开始删除的索引位置，第二个参数表示删除的元素个数。