扩展
1、字符串扩展
//字符串截取
var str = 'helloword' ;
//原来的 substring(1,4) 从哪个 到哪个之间
console.log(str.substring(1,4))； // =>'ell'
substr(1,4) 从第一个往后数第四个
console.log(str.substring(1,4))； // =>'ello'
//indexOf() 用来匹配当前是否匹配成功
str.indexOf('el') //1
str.indexOf('eee') // -1
if(str.index0f("h") !=-1){} //判断是否存在“h”在字符串str里面
str.startsWith('hello' ,4) //false 字符 串是否头部 第二个参数表示搜索的位置
str.startsWith('hello' ) //true
str.endsWith('hello') //字符 串是否尾部 第二个参数表示搜索的位置
str.includes("h") //true //是否存在字符串 第二个参数表示搜索的位置
str.repeat('3') //重复3次
//补全
var s = 's';
s.padStart(4,'xy'); //xyxs
s.padEnd(4,'xy'); //sxyx
var lo = 's123456'
lo.padStart(4, 'xy') //s123456 超出长度不补全
2、模板字符串 ****
//前
$(".list").html('<li>'+item.name+'</li>');
//后
$(".list").html(`<li>${item.name}</li>`);
` ${ 变量 } `
3、数值扩展
Number.parseInt();
Number.parseFloat();
4、函数扩展
用于分页居多
//ES5
function fun(x, y){
x = y || 'aa';
console.log(x,y)
}
//ES6
function fun(x, y="aa"){
console.log(x,y)
}
//箭头函数
fun =(x,y)=>{
console.log(x,y)
}
rest 参数
...变量名 ES5下类似于arguments
//ES5
function fun(...values){
console.log(values[2]) //333
}
fun(1,22,333);
//ES6
...扩展运算符：表示里面含有多个参数
针对数组
let fun = function(x,y,z) {
console.log(x);
console.log(z);
}
var arr = [1,2,3,4];
fun(...arr);
数组合并
//ES5
var arr1 = [1,2];
arr1.concat([3,4,5]);
//ES6
let arr1 = [11,22];
let arr2 = [1,2,3];
[...arr2 , ...arr1]
