js常用方法示例梳理(总结篇)

JS常用方法示例梳理是一篇总结JS中常用方法的文章，在其中作者按照方法的特点进行了分类，并给出了对应的方法示例，以帮助读者快速掌握JS中常用方法的应用。

本篇文章将详细讲解每一个分类下的常用方法，以及这些方法的使用场景和示例。

字符串相关方法

在这一部分中，文章总结了一系列字符串相关的方法，包括字符串查找、替换、分割等。

• 查找方法：indexOf、lastIndexOf和includes

indexOf方法：返回在字符串中查找到的特定字符串首次出现的位置，如果未找到则返回-1。

let str = 'hello world!';
let pos = str.indexOf('world');
console.log(pos); // 6

lastIndexOf方法：返回在字符串中查找到的特定字符串的最后一个出现的位置，如果未找到则返回-1。

let str = 'hello world!';
let pos = str.lastIndexOf('l');
console.log(pos); // 9

includes方法：返回是否在字符串中查找到了特定字符，返回值为布尔类型，true表示查找到了，false表示未找到。

let str = 'hello world!';
let flag1 = str.includes('hello');
let flag2 = str.includes('hi');
console.log(flag1); // true
console.log(flag2); // false

• 替换方法：replace

replace方法：返回执行正则表达式或字符串替换后的新字符串。

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

• 分割方法：split

split方法：基于指定的分隔符将字符串拆分成数组。

let str = 'hello,world,china';
let arr = str.split(',');
console.log(arr); // ['hello', 'world', 'china']

数组相关方法

在这一部分中，文章总结了一系列数组相关的方法，包括数组增删改查、去重复等。

• 数组增删改查：push、pop、shift、unshift、splice和slice

push方法：将1个或多个元素添加到数组的末尾，并返回数组的新长度。

let arr = [1, 2];
arr.push(3, 4);
console.log(arr); // [1, 2, 3, 4]

pop方法：删除数组的最后一项，并返回被删除的元素。

let arr = [1, 2, 3];
let lastEle = arr.pop();
console.log(arr); // [1, 2]
console.log(lastEle); // 3

unshift方法：将1个或多个元素添加到数组的开始，并返回数组的新长度。

let arr = [3, 4];
arr.unshift(1, 2);
console.log(arr); // [1, 2, 3, 4]

shift方法：删除数组的第一项，并返回被删除的元素。

let arr = [1, 2, 3];
let firstEle = arr.shift();
console.log(arr); // [2, 3]
console.log(firstEle); // 1

splice方法：删除或替换数组中的元素。

let arr = [1, 2, 3];
arr.splice(1, 1, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 3]

slice方法：返回指定数组的片段。

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

• 数组去重复：filter和new Set

filter方法：创建新数组，剔除重复项。

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

new Set：创建一个新的Set对象，删除重复项。

let arr = [1, 2, 3, 4, 1, 2, 3, 5];
let set = new Set(arr);
console.log([...set]); // [1, 2, 3, 4, 5]

数字相关方法

在这一部分中，文章总结了一系列数字相关的方法，包括四舍五入、随机数等。

• 四舍五入方法：toFixed

toFixed方法：将数字保留指定小数位。

let num = 3.1415926;
let newNum = num.toFixed(2);
console.log(newNum); // 3.14

• 生成随机数字：Math.random

Math.random方法：返回一随机数，0~1之间。

let num = Math.random();
console.log(num); // 0.xxxxxxx

以上就是对于JS常用方法示例梳理的完整攻略，其中包含了字符串相关方法、数组相关方法和数字相关方法的详细讲解，每个方法都给出了相应的示例，希望能够帮助读者掌握JS中常用方法的应用。