let and const
let : 声明变量 const : 声明常量
特点: 禁止重复声明,控制修改,支持块级作用域
解构赋值
1.左右两边类型一样
-
右边要是一个东西
解构赋值
let json = {a: 12, b: 55, c: 99};
let(a,b,c) = json;
console.log(a,b,c); // 12 55 99
函数
-
箭头函数
//普通函数 function(参数){ } //箭头函数(修复this……) (参数)=>{ }// 如果有且仅有一个参数,()也可以省略。 // 如果有且仅有一条语句-return,{}也可以省略
-
参数展开
*收集剩余参数(剩余参数必须是最后一个形参)
function show(a, b, ...arr){ //当a和b赋值之后,把后面的所有的数值数据赋值给数组arr console.log(a, b, arr);// 12 5 Arry(5) } show(12, 5, 44, 7, 88, 34, 33);
展开数组
let arr1 = [1,2,3]; console.log(...arr1);//1,2,3
系统对象
Array
***map 映射***
let arr = [100, 98, 37, 28, 19, 96, 56, 67];
let res = arr.map(function(item){
if(item >= 60){
return true;
}else{
return false;
}
});
console.log(arr,res);// ↓
//简写为
let res = arr.map(item=>item>=60);
reduce 减少
forEach 遍历 全部循环一遍
let arr = [12, 5, 32, 99];
arr.forEach((item,index)=>{
alert('第'+index+'个数:'+item);
/*反单引号*/
alert(`第${index}个数:${item}`);
});
filter 过滤
let arr = [12, 88, 19, 27, 82, 81, 100, 107];
let arr2 = arr.filter(item=> item % 2 == 0);
//找出所有的偶数
String
startWith 判断一个字符串以什么开头
endsWith 判断一个字符串以什么结尾
JSON
1. 标准写法
{"key":"aaa", "value":123}
2. JSON对象
// stringify
let json = {a: 12, b: 5, c:'blue'};
let str = JSON.stringify(json); /把字符串转为JSON标准格式
conslole.log(str); // {"a": 12," b": 5, c:"blue"}
//parse
let json = {"a": 12," b": 5, c:"blue"};
let res = json.parse(json); //解析JSON
console.log(res); //得到一个对象 a=12 b=5 c="blue"
*promise
//示例 不用
let p = new Promise(function (resolve, reject){
$.ajax({
url:'data/1.json',
dataType:'json',
success(data){
resolve(data);
},
error(res){
reject(res);
}
});
});
//p.then里面的两个函数 就是resolve 和 reject 并不是promise对象提供的 而是我们自己写的
p.then(functioin (data){
alert('成功');
console.log(data);
}, function(res){
alert('失败');
console.log(res);
})
Promise.all([
$.ajax({url:'data/1.json',dataType:'json'}),
$.ajax({url:'data/2.json',dataType:'json'}),
$.ajax({url:'data/3.json',dataType:'json'}),
]).then(data1, data2, data3)=>{
//如何使用数据 ↓
console.log(data1, data2, data3);
},(res)=>{
alert('错误');
})
// Promise.all([数组]) 里面是个数组 必须里面的所有数据都成功了 才可以
async/swait
async function show(){
let data1 = await $.ajax({url:'data/1.json',dataType:'json'});
if(data1.a<10){
let data2 = await $.ajax({url:'data/2.json',dataType:'json'});
alert('a');
}else{
let data3 = await $.ajax({url:'data/3.json',dataType:'json'});
alert('b')
}
}
show();
rl:‘data/2.json’,dataType:‘json’});
alert(‘a’);
}else{
let data3 = await $.ajax({url:‘data/3.json’,dataType:‘json’});
alert(‘b’)
}
}
show();