JavaScript原生对象常用方法总结(推荐)

前言

在JavaScript中，有很多原生对象，如Array、String、Object等等。它们提供了一系列方法，用于操作和处理数据。在日常开发中，这些方法是必不可少的。本文将对JavaScript原生对象中常用的方法进行总结，以供参考。

目录

• Array
• String
• Object

Array

push()

将一个或多个元素添加到数组的末尾，并返回修改后数组的长度。

示例：

let arr = [1, 2, 3];
let len = arr.push(4, 5); // 添加2个元素，返回5
console.log(len); // 5
console.log(arr); // [1, 2, 3, 4, 5]

pop()

移除数组的最后一个元素，并返回该元素的值。

示例：

let arr = [1, 2, 3];
let val = arr.pop(); // 移除3，返回3
console.log(val); // 3
console.log(arr); // [1, 2]

forEach()

为数组中的每个元素执行一次提供的函数。

示例：

let arr = [1, 2, 3];
arr.forEach(function(item) {
  console.log(item);
});

以上代码将依次输出 1、2、3。

map()

创建一个新数组，其结果是该数组中的每个元素调用一次提供的函数后的返回值。

示例：

let arr = [1, 2, 3];
let newArr = arr.map(function(item) {
  return item * 2;
});
console.log(newArr); // [2, 4, 6]

filter()

创建一个新数组，其包含通过所提供函数的测试的所有元素。

示例：

let arr = [1, 2, 3];
let newArr = arr.filter(function(item) {
  return item > 1;
});
console.log(newArr); // [2, 3]

String

length

获取字符串的长度。

示例：

let str = 'hello world';
console.log(str.length); // 11

charAt()

返回指定位置的字符。

示例：

let str = 'hello world';
console.log(str.charAt(1)); // e

indexOf()

返回字符串中第一个匹配的指定值的索引，如果未找到则返回-1。

示例：

let str = 'hello world';
console.log(str.indexOf('o')); // 4
console.log(str.indexOf('q')); // -1

replace()

替换字符串中的内容。

示例：

let str = 'hello world';
let newStr = str.replace('hello', 'hi');
console.log(newStr); // hi world

slice()

从字符串中提取指定的部分。

示例：

let str = 'hello world';
console.log(str.slice(6)); // world

Object

keys()

返回一个数组，其中包含对象的所有属性名称。

示例：

let obj = {name: '张三', age: 18};
let keys = Object.keys(obj);
console.log(keys); // ['name', 'age']

values()

返回一个数组，其中包含对象的所有属性值。

示例：

let obj = {name: '张三', age: 18};
let values = Object.values(obj);
console.log(values); // ['张三', 18]

assign()

用于将所有可枚举的属性值从一个或多个源对象复制到目标对象，并返回目标对象。

示例：

let obj1 = {name: '张三', age: 18};
let obj2 = {sex: '男'};
let obj3 = {};
Object.assign(obj3, obj1, obj2);
console.log(obj3); // {name: '张三', age: 18, sex: '男'}

结语

以上是JavaScript原生对象常用方法的总结，在实际开发中可以根据需求选用不同的方法，提高编程效率。