前端-JavaScript常用API

247 阅读5分钟

一、JS数组常用方法

push( 参数1,参数2... )

功能: 向数组的末尾添加一个或多个元素。

返回值: 并返回新的数组的长度。

pop( )

功能: 删除并返回数组的最后一个元素。

返回值: 返回被删除的元素。

unshift( 参数1,参数2... )

功能: 向数组的开头添加一个或多个元素。

返回值: 返回新的数组的长度。

shift( )

功能: 把数组的第一个元素从其中删除。

返回值: 返回被删除的元素。

split( “分隔符” )

功能: 将字符串分割成数组 (不修改原字符串,返回新数组)

返回值: 返回分割后的数组。

join( “分隔符” )

功能: 将数组转换为字符串。

返回值: 返回转换后的字符串。

splice( 开始索引,删除元素的位移数,插入的新元素 )

功能: 向数组添加或删除元素。 (会改变原数组)

返回值: 被删除的元素组成的数组。

slice( start,end )

功能: 截取数组中选定的区间,参数左闭右开。 (不会改变原数组)

返回值:返回被截取的数组。

数组1.concat( 数组2 )

功能: 拼接数组。

返回值: 返回拼接后的数组。

reverse( )

功能: 用于将数组逆序。 (会改变原数组)

返回值: 被逆序后的数组。

sort( )

功能: 用于对数组进行排序。 (默认由小到大)

返回值: 排序后的数组。

forEach( 回调函数 )

// 第一个参数必填,其他参数选填
arr.forEach(function (item, index, arr) {
  // 遍历时进行的操作
  console.log(item, index, arr);
});

功能: 对数组的所有元素执行某种相同的操作。(遍历数组)

回调函数参数: 回调函数( 当前元素, 当前元素索引值, 当前元素所属的数组对象 )

返回值:

map ( 回调函数 )

// 第一个参数必填,其他参数选填
arr.map(function (item, index, arr) {
  // 遍历时进行的操作
  return item;
});

功能: 对数组的所有元素执行某种相同的操作。(遍历数组)

回调函数参数: 回调函数( 当前元素, 当前元素索引值, 当前元素所属的数组对象 )

返回值: 用回调函数return的数据,构成一个数组。

与forEach区别:

  1. map速度比forEach快。
  2. map() 会分配内存空间存储新数组并返回,forEach无返回值。

filter( 回调函数 )

// 第一个参数必填,其他参数选填
arr.map(function (item, index, arr) {
  // 返回大于9的元素组成的数组
  return item > 9;
});

功能: 按条件过滤元素

回调函数参数: 回调函数( 当前元素, 当前元素索引值, 当前元素所属的数组对象 )

返回值: 根据当前回调函数return的布尔值,返回符合条件的数组。

indexOf( 目标元素)

功能: 查找目标元素,找到返回下标,找不到返回-1 (只能找到第一个目标元素)

返回值: 找到返回下标,找不到返回-1。

indexOf( 目标元素,n)

功能: 从第n个索引开始查找目标元素,找到返回下标,找不到返回-1 (只能找到第一个目标元素)

返回值: 找到返回下标,找不到返回-1。

includes( value,index )

功能: 用来判断一个数组是否包含一个指定的值。

参数: 参数1(必填):要查找的值,参数2(可选):设置从哪个位置开始查找,默认为 0。

返回值: 如果包含则返回 true,否则返回 false。

注:数组的includes方法是ES7新增API,字符串的includes方法是ES6新增API

二、JS字符串常用方法

indexOf( 目标元素)

功能: 查找目标元素,找到返回下标,找不到返回-1 (只能找到第一个目标元素)

返回值: 找到返回下标,找不到返回-1。

与数组indexOf区别: 字符串的indexOf在传入参数不是字符串的情况下默认会转换为字符串。

includes( value,index )

功能: 用于判断字符串是否包含指定的子字符串。

参数: 参数1(必填):要查找的字符串,参数2(可选):设置从哪个位置开始查找,默认为 0。

返回值: 如果找到匹配的字符串返回 true,否则返回 false。

注:数组的includes方法是ES7新增API,字符串的includes方法是ES6新增API

charAt( 索引 )

功能: 查询索引对应的字符

返回值: 返回索引对应的字符

charCodeAt( 索引 )

功能: 查询索引对应的字符,返回字符所对应的ASCII码值。

返回值: 返回索引对应的字符的ASCII码值。

String.fromCharCode (ASCII编码1、2、3...)

功能: 将ASCII码值转换为字符。

返回值: 返回ASCII编码对应的字符。

lastIndexOf("xxx")

功能: 查找目标字符串在字符串中最后一次出现的位置。

返回值: 找到返回下标,找不到返回-1。

注意: 该方法将从后向前检索字符串,但返回是从起始位置 (0) 开始计算子字符串最后出现的位置。

lastIndexOf("xxx",n)

功能: 查找目标字符串在字符串中最后一次出现的位置,第二个参数为可选,用于指定从第n个位置从后向前查找。

返回值: 找到返回下标,找不到返回-1

replace( 参数1,参数2)

功能: 用参数2替换参数1

返回值: 替换后的新字符串

slice(start,end)

功能: 截取字符串中选定的区间,参数左闭右开 (支持负数)

返回值: 返回被截取的字符串(左闭右开)

Substring(start,end)

功能: 截取字符串中选定的区间,参数左闭右开 (不支持负数)

返回值: 返回被截取的字符串(左闭右开)

split("分割符")

功能: 把一个字符串按照分割符分割成字符串数组。(不改变原字符串)

返回值: 分割后的字符串数组

toLowerCase()

功能: 将字符串转换成小写

toUpperCase()

功能: 将字符串转换成大写

结尾.jpg