web总结-js（1）

web总结-js（1）

1.date函数使用
//获取距离1970年多少毫秒数
2.数组转换，添加，索引，筛选，去重，排序

学习内容：

1.四种获取距离1970年的毫秒数
date.valueOf()
date.getTime()
var date1=+ new Date()
Date.now()

`   <script>
        //获取距离1970年多少毫秒数
        var date = new Date();
        console.log(date.valueOf());
        console.log(date.getTime());
        var date1 = + new Date()
        console.log(date1);
        console.log(Date.now());
    </script>`

2.数组转换
//tostring可以将数组转化为字符串，连接
//join可以自定义连接符

   `
    `  ` <script>
        //tostring将数组转化为字符串
        //join可以自定义连接符
        var arr = [1, 2, 3]
        console.log(arr.toString());
        var arr1 = ['green', 'pink', 'blue']
        console.log(arr1.join('-'));
    </script>`

3.数组添加
//push在数组末尾添加数组元素，返回数组长度
//unshift在数组头添加一个元素，返回数组长度
//pop删除数组最后一个元素，返回删除元数内容
//shift删除数组第一个元素，返回删除的元素内容

 <script>
        var arr = [1, 2, 3]
        //push在数组末尾添加元素，返回数组长度
        console.log(arr.push(4, 'pink'));
        console.log(arr);
        //unshift在数组头添加一个元素，返回数组长度
        console.log(arr.unshift(0, 'red'));
        console.log(arr);
        //pop删除数组最后一个元素，返回删除的元素内容
        console.log(arr.pop());
        console.log(arr);
        //shift删除数组第一个元素，返回删除的元素内容
        console.log(arr.shift());
        console.log(arr);
    </script>

4.数组索引
//indexof从前往后查找，返回第一个下标
//lastindexof从后开始查找，返回第一个下标

<script>
        //返回数组索引的方法
        //多个值返回第一个
        //找不到元素返回-1
        var arr = ['red', 'green', 'blue', 'pink', 'blue']
        console.log(arr.indexOf('blue'));
        console.log(arr.lastIndexOf('blue'));
    </script>

4.数组筛选

<script>
  var arr=[1599,1200,2000,2211,1900]
  var newarr=[]
  for (var i=0;i<arrr.length;i++)
  {
  if(arr[i]<2000)
     newarr.push(arr[i])
   }
   console.log(newarr)
   </script>

5.数组去重
//循环旧数组
//indexof查找新数组是否存在arr[i]如果没有则插入到新数组中。

   <script>
        function unique(arr) {
            var newarr = []
            for (var i = 0; i < arr.length; i++) {
                if (newarr.indexOf(arr[i]) === -1)
                    newarr.push(arr[i])
            }
            return newarr
        }
        var demo = unique(['blue', 'red', 'pink', 'blue'])
        console.log(demo);
    </script>

6.数组排序
//arr.reverse() 数字逆置
//arr.sort（）数组排序，仅仅个位数排序
//arr.sort(function (a,b){
return a-b;
})从小到大排序
//arr.sort(function (a,b){
return b-a;
})从大到小排序

 <script>
        var arr = ['pink', 'red', 'blue']
        arr.reverse();
        console.log(arr);
        var newarr = [3, 14, 7, 11]
        newarr.sort(function (a, b) {
            return a - b;
        })
        console.log(newarr);
    </script>

7.京东倒计时案例
//nowtime当前时间距离1970年的毫秒数
//inputtime=+new Date(time)传入倒计时结束时间
//将二者差值转换为天，时，分

  <script>
        function countDown(time) {
            var nowTime = +new Date()
            var inputtime = +new Date(time)
            var times = (inputtime - nowTime) / 1000;
            var d = parseInt(times / 60 / 60 / 24);
            d = d < 10 ? '0' + d : d;
            var h = parseInt(times / 60 / 60 % 24)
            h = h < 10 ? '0' + h : h;
            var m = parseInt(times / 60 % 60)
            var s = parseInt(times % 60)
            return d + '天' + h + '时' + m + '分' + s + '秒'
        }
        console.log(countDown('2021-9-15 20:00:00'));
    </script>