e 3 weeks ago
parent
commit
1522ea18a5
2 changed files with 87 additions and 0 deletions
  1. 63 0
      3.js初级/js基础/16.数组的方法.html
  2. 24 0
      3.js初级/js基础/17.Date对象.html

+ 63 - 0
3.js初级/js基础/16.数组的方法.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        // var arr = ['孙悟空','猪八戒','沙和尚'];
+        // console.log(arr,'原数组')
+        //1.push 向数组中添加元素 添加到最后面 
+        // arr.push("唐僧");
+        //2.unshift 向数组中添加元素 添加到最前面 
+        // arr.unshift("唐僧");
+        // 3.pop 删除数组中的元素 删除最后面的
+        // arr.pop()
+        // 4.shift 删除数组中的元素删除第一个
+        // arr.shift()
+        // var arr1 = ['你的','我的','他的']
+        // 5.join 将数组转成逗号连接的字符串
+        // var arr2 = arr1.join();
+        // console.log(arr1,'1')
+        // console.log(arr2,'2')
+        // 6.concat 拼接数组
+        // var arr3 = arr.concat(arr1);
+        // console.log(arr3);
+        /*
+         *7.splice 截取 会改变原数组
+         两个值:第一个值 代表从哪开始的下标 第二个值代表截取/删除的个数
+         三个值:第一个值 代表从哪开始的下标 第二个值代表截取/删除的个数 第三个值代表替换的内容
+        */
+        var list = ['1','ab',45,'你好',true];
+        console.log(list,'list')
+        // console.log(list.splice(1,2),'截取的')
+        // console.log(list.splice(2,3,'haha'),'截取的')
+        // console.log(list,'截取后的')
+        /**
+         * 8.slice 截取
+         * 不对原数组进行改变
+         * 一个值: 从哪个下标开始截取到最后
+         * 两个值:第一个值代表从哪开始的下班 第二个值代表截取到哪个下标前
+        */
+        // console.log(list.slice(1))
+        // console.log(list)
+        // 9.reverse 倒序
+        // console.log(list.reverse())
+        // 10.toString 数组转字符串
+        // console.log(list.toString())
+        // 11.强制转换
+        // console.log(list+='')
+        // 12.sort 排序 按照Unicode编码进行排序
+        var news = [1,'re',49,'hello',980,3];
+        console.log(news,'news')
+        console.log(news.sort())
+        var newList = [23,5,987,4,32,123,78,54,67,2];
+        newList.sort(function(a,b) {
+            return a-b;
+        })
+        console.log(newList)
+    </script>
+</body>
+</html>

+ 24 - 0
3.js初级/js基础/17.Date对象.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        console.log(new Date())
+        var date = new Date();
+        console.log(date.getFullYear(),'获取年份')
+        console.log(date.getMonth()+1,'获取月份')
+        console.log(date.getDate(),'获取日期')
+        console.log(date.getHours(),'获取小时')
+        console.log(date.getMinutes(),'获取分钟')
+        console.log(date.getSeconds(),'获取秒数')
+        console.log(date.getMilliseconds(),'获取毫秒')
+        console.log(date.getDay(),'获取星期')
+        console.log(date.getTime(),'获取时间戳')
+        console.log(Date.now(),'获取时间戳')
+    </script>
+</body>
+</html>