一、数组扩展方法
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]);
- }