数组的方法（foreach、map）、一些dom元素的事件

目录

1. foreach和map的区别：

filter:

reduce:

find:

Dom元素的事件

解构赋值的连续写法：

---

1. foreach和map的区别：

1、相同点

(1)都是循环遍历数组中的每一项。

(2)每次执行匿名函数都支持三个参数，参数分别为item(当前每一项)，index(索引值)，arr(原数组)。

(3)匿名函数中的this都是指向window。

(4)只能遍历数组。

2、不同点

(1)map()会分配内存空间存储新数组并返回，forEach()不会返回数据。

(2)forEach()允许callback更改原始数组的元素。map()返回新的数组。

map 的使用：

arr.map((item)=>{
    return <Com key={item.id} propitem = {...item}/>
})

filter:

// 删除

arr.filter((item)=>{
        return item.id !== id
})

reduce:

条件统计、条件求和、筛选最值

find:

Dom元素的事件

defaultChecked 表示 默认的复选框选项

onKeyUp 键盘的抬起事件

e.target.value 通过事件对象获取值

keyCode 键盘按键的代码标识

window.confirm('确认弹窗')，点击确认返回true

解构赋值的连续写法：

const {ad:{value}} = this   这种写法  ad  这个对象并没有进行解构

解构赋值后改名： const {ad:ad1} = this ,将ad 改名为ad1