关于JavaScript中常用方法的整理

2020-02-15 00:00:00

SPLICE

splice的用法有很多，主要是对数组进行操作，下面一一分析

splice向数组中添加/删除元素：

添加

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");

数组fruits输出结果

Banana,Orange,Lemon,Kiwi,Apple,Mango

splice(2,0,”Lemon”,”Kiwi”)的意思是，在数组下标为2的位置插入Lemon、Kiwi，其中0的意思是不删除原本下标为2的元素Apple，而是将插入的元素从下标2开始插入原本位置的元素往后走

删除

var arr = ["1", "2", "3", "4", "5"];
fruits.splice(2,2);

数组arr输出结果

1,2,5

注意: splice的返回值是被他删除的元素，这个返回值对我来说很重要，很good

3,4

split主要作用于字符串，我们常用split分割字符串成为数组

var s = "123 456";
var t = s.split('');

split的返回值(变量t的值)是一个数组

["1", "2", "3", " ", "4", "5", "6"]

split的参数可以是空格，也可以是某个特定的字符，也可以为空，为空的话就会把每个字符包括空格都分开，进而转化成数组

注意: 空格(“ “)和空(“”)不一样

split可以写两个参数

var s = "123 456";
var t = s.split('',3);

split的返回值结果

["1", "2", "3"]

split(‘’,3)其中3可以这么理解，是split将字符串转化成为数组后，只返回三个数组长度的值，这里的3不是下标，可以理解为数组长度

slice在数组中读取元素、在字符串中截取

var s = ["1", "2", "3", "4", "5"];
var t = s.slice(2,3);

slice返回结果

["3"]

slice(2,3)参数是从数组下标为2读取到下标为3，其中‘包前不包后’，就是读取出下标为2的元素，但不读取下标为3的元素

slice一个参数表示，从当前下标读取到最后，如slice(2)

字符串和数组类似，可以直接参考上方代码

// 代码参考上方

slice参数为负值时

var s = ["1", "2", "3", "4", "5"];
var t = s.slice(-2,-1);

slice返回结果

["4"]

我们可以这么理解slice(-2,-1),符号相当于反方向，意思就是从数组或者字符串反方向读取，即: 从下标为1读取到下标为2，规则遵循‘包前不包后’，这里的前后是反方向中的前后

string.substring(from, to)

substring() 方法用于提取字符串中介于两个指定下标之间的字符

且依然遵循‘包前不包后’

如果只包含一个参数，依然是截取到最后

substr() 抽取指定数目的字符

var s = "123 456";
var t = s.substr(2,5);

substr返回结果

3 456

substr(2,5) 可以理解为从下标2开始（包含下标为2的字符）提取字符5个字符

如果substr只包含一个参数，依然是提取到最后

toString() 将Date 对象转换为字符串

var s = new Date();
console.log(s,typeof s);
var t = s.toString();
console.log(t,typeof t);

console.log() 打印结果

Sat Feb 15 2020 11:38:26 GMT+0800 (中国标准时间) "object"
Sat Feb 15 2020 11:38:36 GMT+0800 (中国标准时间) string

本文部分内容引用于菜鸟教程

本文更新于：2020-09-26 07:57:22

小站声明：如果你需要“转载”、“引用”小站的文章，可以不需要作者同意，请务必标明出处和文章链接。