JavaScript:常用基础函数解析

此文主要是对 JavaScript 的常用函数做一个总结和解析,方便理解和参考。

slice()

  • 操作对象:Array 和 String 对象
  • 原对象是否变化:不变化
  • 函数用法:slice(start, end)
  • 函数功能:对数组或字符串进行 截取 ,并返回一个数组副本。即原数组或字符串 不会被修改
1
2
3
4
5
6
7
var a = [1, 2, 3, 4, 5, 6];
var b = a.slice(0, 3); // b = [1,2,3]
//如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组或字符串结尾
var c = a.slice(3); // c = [4,5,6]
// 此时数组 a = [1, 2, 3, 4, 5, 6]

split()

  • 操作对象:String 对象
  • 原对象是否发生变化:不变化
  • 函数用法:split(separator, limit)
  • 函数功能:把这个字符串分割成片段来创建一个字符串数组。separator 参数可以是一个字符串或一个正则表达式。如果 separator 是一个空字符,会返回一个单字符的数组。可选参数 limit 可以限制被分割的片段数量(即返回数组的最大长度)。该函数可以将一个字符串变为数组
1
2
3
4
var a = "Hello World Are You Ok";
var b = a.split(" "); // 分隔符为一个空格,返回 ["Hello", "World", "Are", "You", "Ok"]
var c = a.split(" ", 2); // 分隔符为一个空格,且设置 limit 参数,则返回 ["Hello", "World"]
var d = a.split(""); // 分隔符为空字符,返回 ["H", "e", "l", ... , "O", "k"]

splice()

  • 操作对象:Array 对象
  • 原对象是否发生变化:不变化
  • 函数用法:splice(start, deleteCount, item1, item2,…)
  • 函数功能:参数 start 是从数组中移除元素的开始位置。参数 deleteCount 是要移除的元素的个数。后面的 item1, item2…是可选参数,表示会插入到被移除元素的位置上。
1
2
var a = ['a','b','c'];
var b = a.splice(1, 1, 'e', 'f'); //a = ['a', 'e', 'f', 'c'], b = ['b']

join()

  • 操作对象:Array 对象
  • 原对象是否发生变化:变化
  • 函数用法:splice(separator)
  • 函数功能:把数组中的所有元素放入一个字符串,并使用指定的分隔符进行分隔的。其中 separator 为可选可选参数,指定要使用的分隔符。如果省略该参数,则使用 逗号 作为分隔符。 可以将一个数组变为字符串
1
2
var a = [1, 2, 3, 4, 5];
var b = a.join("&"); // a = [1, 2, 3, 4, 5], b = "1&2&3&4&5"
坚持原创技术分享,您的支持将鼓励我继续创作!

热评文章