es6

发布时间 2023-08-01 19:55:15作者: wj704

ES6概念:ES6 是 JavaScript 语言的下一代标准,使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

变量声明:

var全局变量 1.全局作用域 2.可以声明变量 3.没有if,switch,for,while,do,else作用域会变量提升

let 局部变量 1.局部作用域(在一对{}启用)2.不能变量提升 3.在一个作用域里面不能重复声明

const常量 1.let一样 2.不能变量提升 3.在一个作用域里面不能重复声明 4.建议大写 5.值类型不能被修改

解构:

数组:var[a,b,,c=20,...rest]=[1,2,3,4,5]

1.[]解构符号 2.,一位 3. ...rest 剩余 4.c=10 默认参数(有顺序的)

对象:var{name,age,leg=20,...rest}=obj;

1.{}符号 2.没有顺序 3....rest 剩余

ES6 字符串扩展方法
trim清除两边空格
repeat重复
includes查找是否包含,返回的是true或者false
(以前用的是indexOf,lastindexOf,返回的是下标或者-1)
startWith 以......开头
endWidth 以.....结尾
字符串模板
``定义字符串,用${}定义js

字符串
1 遍历
for for of遍历
for(let s of str){console.log(s)}

var str = 'yue璾 口';
for(var i=0;i<str.length;i++){
console.log(str[i])
}
for(i of str){
console.log(i);
}
2消除空格 trim trimLeft,trimRight

var str=" 我爱我的祖国 ";
console.log(str)
console.log(str.trim())
3 重复 repeat

console.log("你好".repeat(1000))
4 查找是否包含indexof lastIndeof 下标|-1 includes是否包含 true|false

var str="你在干什么";
alert(str.includes("你在"))

5 检测
indexOf,lastIndexOf:返回值下标|-1
includes(查找字符串)true|false
startsWith(查找字符串)true|false
endsWith(查找字符串)true|false

var str= "你在干什么呢";
alert(str.startsWith('你'));

6 填充
padStart(填充 repea(重复的次数)总位数,填充字符串)
padEnd(填充总位数,填充字符串)

var str="1";
console.log(str.padStart(3,"0"))
console.log(str.padEnd(5,"2"))
7 字符串模板 ``定义字符串,用${}定义js
可以随意换行,可以随意使用符合

var s="花轿";
var str=`你好,你现在${s.length>5?'八抬大轿':'大奔驰真好'},很不错啊`;
console.log(str);
8 includes 检查

let arr = [5,"喜欢","吃肉"];
alert(arr.includes("喜欢"))
9 fill填充

var arr=[];
// // 设置长度
arr.length=5;
// // 填充数组
arr.fill("填充内容",0,5);
// // 输出
console.log(arr);
10 去重filter

var arr=[1,2,2,3,1,2,2,1,2,5]
var arr2=arr.filter(function(item,index){
console.log(index)

if(arr.indexOf(item)==index){
return true;
}else{
return false;
}
})

console.log(arr2);

拼接
+ ``+${}
var str=`你是${num}人`
num=什么

数组
Array.from(类数组)
把类似数组转换数组
高阶方法
forEac(function(item,index,self){})
item遍历的元素
index元素的下标
self数组本身
map()
映射一个数组
filter(item=>true保留||false过滤掉)
过滤
reduce()
累计
some()
有一个true,整体返回false
every()
有一个返回false,整体返回false
find()查找符合条件的元素
findInex()查找符合条件的元素
sort((a,b)=>a-b)排序
includes 检测是否包含
fill()
填充数组
————————————————
版权声明:本文为CSDN博主「m0_70158561」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_70158561/article/details/125415556