一、数组扩展方法
1.forEach数组循环方法
(利用forEach方法输出数组的元素的值以及索引)(forEach方法具有两个参数,第一个是元素的值,)
var arr = [1, 2, 3, 4]
//forEach 循环
arr.forEach(
(ele, index) => {
console.log(ele, index);
// ele 数值 index索引
}
)
2.fliter筛选方法
利用fliter函数筛选出age大于22的,筛选出满足条件的成为新的数组
var arr3 = [{
name: 'zs',
age: 20
},
{
name: 'xtx',
age: 24
},
{
name: 'asx'
, age: 22
}]
var arr4 = arr3.filter(
(ele) => {
return ele.age > 22;
}
)
console.log(arr4);
3.map 数组映射方法
利用已有数组输出每个元素都变成二倍的数组,利用map函数进行映射
var arr5 = arr.map(
(ele) => {
return ele * 2;
}
)
console.log(arr5);
4.some 函数
判断一个数组中是否具有满足条件的元素,如果有一个满足条件,那么some函数就会返回一个true,如果都不满足,就返回false
var ages = [3, 10, 18, 20];
var result = ages.some(function (age) {
return age >= 18;
})
console.log(result);
4.every函数
判断一个数组中是否所有元素都满足条件,如果全部满足条件返回true,只要有一个不满足条件,就会返回false
var result1 = ages.every(function (age) {
return age >= 18;
})
console.log(result1);
5.reduce函数
reduce函数用来做累积操作
reduce((total,num)=>{return 表达式;}),后边的表达式是与total和num相关的,tptal*num就会表示累乘操作,结果为24,如果表达式是+就是累积操作结果为10
var number = [1, 2, 3, 4];
var total = number.reduce((total, num) => {
return total*num;
})
console.log(total);
6.find和findIndex函数
find 找到第一个符合条件的 findIndex 返回第一个符合条件的索引
var s = number.find((ele) => {
return ele < 20;
})
console.log(s);
7inclued函数
包含返回true 没有返回false
var arr8=[5,1,3,2,6];
console.log(arr8.includes(8));
8.for of方法
number 后边可以.values() 数值 | .keys() 索引 |.entries() 返回一个数组(包含索引和数值)
index ele(index,ele) index索引
for (ele of number.keys()) {
console.log(ele);//可以进行解构赋值
}
9. Array.from函数可以把类数组转换为数组,之前的扩展运算符...也可以进行转换
var ali=document.getElementsByTagName('li');
var arr=[...ali];
var arr1=Array.from(ali);
console.log(arr1);
二、对象的扩展方法
1. 当属姓名和属性值同名时可以简写,即如下代码中对象中的name和age代码应为:age:age,name:name
var name = 'lisi';
var age = 19;
var obj = {
name,
age,
eat(){
()=>{
}
}
}
2.assign方法合并对象(...扩展运算符也可以,即{...obj3,...obj4})
合并规则:后一个与前一个重复的属性 后一个会覆盖前一个 后一个没有的前一个不变 前一个没有的后一个直接加入
//合并对象
var obj3 ={
name:'zs',
age:20
}
var obj4={
name:'ass',
age:28
,sca:'ask'
}
var arr5=Object.assign(obj3,obj4);
3.in方法 用来判断对象中是否包含某个属性
key用来访问
console.log(name in obj4);
for(key in obj3){
console.log(obj3[key]);
}