|
|
@@ -0,0 +1,101 @@
|
|
|
+<!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>
|
zsydgithub