数组和对象是JavaScript中常用的数据类型,它们都可以存储多个值,并且可以通过索引或键来访问这些值。在本教程中,我们将介绍数组和对象的常见方法,帮助您更好地理解它们的用法。

数组的常见方法

1. push()

push() 方法用于向数组的末尾添加一个或多个元素,并返回新的长度。

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

2. pop()

pop() 方法用于从数组的末尾移除一个元素,并返回移除的元素。

let fruits = ['apple', 'banana', 'orange'];
let removedFruit = fruits.pop();
console.log(removedFruit); // 'orange'
console.log(fruits); // ['apple', 'banana']

3. shift()

shift() 方法用于从数组的开头移除一个元素,并返回移除的元素。

let fruits = ['apple', 'banana', 'orange'];
let removedFruit = fruits.shift();
console.log(removedFruit); // 'apple'
console.log(fruits); // ['banana', 'orange']

4. unshift()

unshift() 方法用于向数组的开头添加一个或多个元素,并返回新的长度。

let fruits = ['apple', 'banana'];
fruits.unshift('orange');
console.log(fruits); // ['orange', 'apple', 'banana']

5. concat()

concat() 方法用于合并两个或多个数组,并返回一个新数组。

let fruits1 = ['apple', 'banana'];
let fruits2 = ['orange', 'kiwi'];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // ['apple', 'banana', 'orange', 'kiwi']

6. slice()

slice() 方法用于提取数组的一部分,并返回一个新数组。

let numbers = [1, 2, 3, 4, 5];
let subArray = numbers.slice(1, 3);
console.log(subArray); // [2, 3]

对象的常见方法

1. Object.keys()

Object.keys() 方法用于返回一个包含对象所有键的数组。

let person = {
  name: 'John',
  age: 30,
  gender: 'male'
};
let keys = Object.keys(person);
console.log(keys); // ['name', 'age', 'gender']

2. Object.values()

Object.values() 方法用于返回一个包含对象所有值的数组。

let person = {
  name: 'John',
  age: 30,
  gender: 'male'
};
let values = Object.values(person);
console.log(values); // ['John', 30, 'male']

3. Object.entries()

Object.entries() 方法用于返回一个包含对象所有键值对的数组。

let person = {
  name: 'John',
  age: 30,
  gender: 'male'
};
let entries = Object.entries(person);
console.log(entries); // [['name', 'John'], ['age', 30], ['gender', 'male']]

4. Object.assign()

Object.assign() 方法用于将一个或多个对象的属性复制到目标对象。

let person = {
  name: 'John',
  age: 30
};
let details = {
  gender: 'male',
  location: 'New York'
};
Object.assign(person, details);
console.log(person); // {name: 'John', age: 30, gender: 'male', location: 'New York'}

以上是数组和对象的常见方法,希望本教程可以帮助您更好地理解和使用JavaScript中的数组和对象。如果您有任何问题或疑问,请随时向我询问!