【基础篇】js常用函数

大家好，欢迎来到IT知识分享网。

一、字符串替换方法

1. str.replace()
str.replace(“需要替换的字符串”，“新字符串”), 这个只替换第一个查找到的字符;
str.replace(/需要替换的字符串/g，“新字符串”) 这个全局替换查找到的字符

"yyyy-MM-dd-hh-mm-ss".replace("-","/") //结果"yyyy/MM-dd-hh-mm-ss" "yyyy-MM-dd-hh-mm-ss".replace(/-/g,"/") //结果"yyyy/MM/dd/hh/mm/ss" 

二、字符串查找方法

1. indexOf()
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有找到，则该方法返回 -1。

var str = "123"; console.log(str.indexOf("3") != -1 ); // true 

2. includes()
includes() 方法用于判断字符串是否包含指定的子字符串，如果找到匹配的字符串则返回 true，否则返回 false。注意： includes() 方法区分大小写。

var str = "Hello world, welcome to the Runoob。"; var n = str.includes("world"); //true 

3. search()
search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果匹配到字符串则返回，字符串所在索引。

var str="Visit W3School!" console.log(str.search(/W3School/)) //6 var str="Visit W3School!" console.log(str.search('W3School')) //6 

4. match()
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。注意：match() 方法区分大小写。

var str="The rain in SPAIN stays mainly in the plain"; var n=str.match(/ain/g); // ain,ain,ain 

5. test()
test() 方法用于检测一个字符串是否匹配某个模式。如果字符串中有匹配的值返回 true ，否则返回 false。

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 
    console.log("移动") } else { 
    console.log("PC") } var str="Hello world!"; //查找"Hello" var patt=/Hello/g; var result=patt.test(str); console.log(result) // true 

6. exec()
exec() 方法用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值返回该匹配值，否则返回 null。

var str="Hello world!"; //查找"Hello" var patt=/Hello/g; var result=patt.exec(str); console.log(result) // Hello 

7. 综合

/ * 格式化函数 ， 给日期格式化 * date为 new Date()对象， fmt为 'yyyy-MM-dd hh:mm:ss'的格式 */ function formatDate(date, fmt) { 
    //获取年份 if (/(y+)/.test(fmt)) { 
    // 把数字变成字符串 let dateY = date.getFullYear() + ""; //RegExp.$1 在判断中出现过，且是括号括起来的，所以 RegExp.$1 就是 "yyyy" fmt = fmt.replace(RegExp.$1, dateY.substr(4 - RegExp.$1.length)); } //获取其他 let o = { 
    "M+": date.getMonth() + 1, "d+": date.getDate(), "h+": date.getHours(), "m+": date.getMinutes(), "s+": date.getSeconds(), }; for (const k in o) { 
    if (new RegExp(`(${ 
    k})`).test(fmt)) { 
    let str = o[k] + ""; fmt = fmt.replace( RegExp.$1, RegExp.$1.length == 1 ? str : padLeftZero(str) ); } } return fmt; } function padLeftZero(str) { 
    return ("00" + str).substr(str.length); } 

三、字符串分割方法

1. split()
split() 方法用于将字符串分隔为一个字符串数组，该方法和数组的 join() 互为逆运算。split() 方法在分隔符指定的边界处将字符串 str 进行分隔，返回的数组中的字符串不包括分隔符自身。需要注意的是，如果分隔符为空字符串’’，则 str 字符串中的每个字符之间都会被分割。该方法可以指定两个参数，第 1 个参数为分隔符，指定从哪儿进行分隔的标记；第 2 个参数指定要返回数组的长度。(第2个参数一般不使用)

var str = "Hello,can I help you?"; alert(str.split(","));//使用，作为分隔符，输出：["Hello","can I help you?"] alert(str.split(' '));//使用空格字符串作为分隔符，输出：["Hello,can", "I", "help", "you?"] alert(str.split(''));//使用空字符串作为分隔符，输出：["H","e","l","l","o",",","c","a","n"," //","I"," ","h","e","l","p"," ","y","o","u","?"] alert(str.split('can'));//使用"can"字符串作为分隔符，输出：["Hello,", " I help you?"] 

特殊|es6的新方法

1. Object.values(str)
Object.values()将返回的value组成一个数组,返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用for…in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。
2. Array.from(str)
Array.from() 方法对一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例

console.log(Array.from('foo')); // expected output: Array ["f", "o", "o"] console.log(Array.from([1, 2, 3], x => x + x)); // expected output: Array [2, 4, 6] 

3. Array.from(str)
对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中。

let str="abcde" [...str]//["a", "b", "c", "d", "e"]