123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <ul>
- <li>1</li>
- <li>2</li>
- <li>3</li>
- </ul>
- <script>
- var arr = [1, 2, 3, 4]
- // for (var i = 0; i < arr.length; i++) {
- // console.log(arr[i])
- // }
- /* forEach 方法用于调用数组的每个元素 并将元素传递给回调函数 */
- // arr.forEach((key,index)=>{
- // console.log(key,index)
- // })
- /* filter 过滤 过滤出符合条件的元素 */
- // var arr2 = arr.filter((key)=>{
- // return key > 2
- // })
- // console.log(arr2)
- /* var arr3 = [{
- name: 'zs',
- age: 18
- }, {
- name: 'xiaoming',
- age: 24
- },{
- name: 'xiaohong',
- age: 30
- }]
- var arr4 = arr3.filter((key)=>{
- return key.age > 20
- })
- console.log(arr4) */
- /* map 映射一个新数组 通过指定函数处理数组中的每个元素 返回处理后的数组 */
- // var arr5 = arr.map((key) => {
- // return key * 2 + 3
- // })
- // console.log(arr5)
- // console.log(arr)
- var age = [3,12,18,20,40]
- /* some 检测数组中的元素是否有符合条件的 */
- // var age1 = age.some((key)=>{
- // return key >= 50
- // })
- // console.log(age1)
-
- /* every 检测数组当中的所有元素是否符合条件 */
- // var age2 = age.every((key)=>{
- // return key >= 4
- // })
- // console.log(age2)
-
- /* reduce 将数组内的元素计算为一个值 从左到右 */
- var num = [88,44,66,77,11,22,99]
- // var num1 = num.reduce((total,num)=>{
- // return total + num
- // })
- // console.log(num1)
-
- /* find 在数组内找到第一个满足条件的元素 */
- // var num2 = num.find((key)=>{
- // return key < 33
- // })
- // console.log(num2)
- var aLi = document.querySelectorAll('li')
- console.log(aLi)
- // var a = [...aLi]
- // console.log(a)
- var a = Array.from(aLi)
- console.log(a)
- /*
- 将类数组转化为数组
- 1.使用扩展运算符
- 2.Array.from()
- */
- </script>
- </body>
- </html>
|