JavaScript笔记 08

目录

01数组的遍历方法

02 清空数组的三种方式

03 Date 日期对象的创建和使用

04 Math数学对象

05 String字符串的常用方法

06 包装类的概述

---

 

01数组的遍历方法

数组有五中功能不同的遍历方法:

        针对数组的每一个元素进行参数的回调函数

        把当前元素作为第一实参 当前元素的索引作为第二个实参 当前数组作为第三个实参

        五种遍历方式参数都是回调函数 回调函数的参数一模一样

        1.forEach 方法

        单纯的遍历数组

    var arr = ['宋江'，'武松'，'鲁智深'，'吴用'，'哈哈哈哈']
    arr.forEach(function(item,index,arr){
        console.log(item,index,arr);
    })

        2.filter 方法 

        会返回一个数组  回调函数return true的那个元素  会放到新数组里面 可以用作数组元素过滤

    var arr1=arr.filter(function(item,index,arr){
        if(item.length>2){
        return true;
        }
    })
    console.log(arr1)

        3.map方法

        map方法也会返回一个新数组 回调函数return的内容
        就是新数组的每个元素 新暑促的长度与原数组长度一致  可以用作数组的二次加工

    var newArr=arr.map(function(item,index,arr){
        return item+'-->您好'
    })

        4.every方法

        对数组的每个元素进行回到函数 如果所有回到函数都返回true则every方法返回true

        如果其中有一个回调函数返回false 则every立即停止遍历every返回false

    var boo=arr.every(function(item,index,arr){
        if(item.length>3){
        return false;
        }
        return true;
    })
    console.log(boo)

        5.some方法

        对数组的每个元素进行回调函数 如果素有回调函数都返回false则some返回false

        如果其中有一个回调函数返回true 则some立即停止遍历 some返回true

    var boo=arr.some(function(item,index,arr){
        if(item.length>2){
        return true
        }
        retrun false
    })
    console.log(boo)

02 清空数组的三种方式

        var arr=[1,12,34,56] //创建一个数组

        1数组删除  arr.splice(0); //从索引值为0开始删除 一直删到最后

        2.直接替换成新数组(推荐使用)  arr=[ ]

        3.修改数组长度    arr.length=0;

        (不推荐使用  在其他编程语言中 数组的长度length属性之都 但是js是可以修改的) 

        

03 Date 日期对象的创建和使用

        Date日期对象 专门用来操作日期时间相关的内容:

                1.获取当前日期的date对象

                        var date=new Date( )

                2.设置指定时间的date对象(兼容性最强)

                        var date= new Date('年-月-日 时:分:秒');

                3.设置指定时间的date对象

                        var date =new Date('年,月,日,时:分:秒');

        获取日期和时间:

                getFullyear()  获取年份

                getMonth() 获取月份

                getDate() 获取日期

                getDay()  获取星期

                getHours() 获取小时

                 getMinutes() 获取分钟

                getSeconds()  获取秒钟

                getMilliseconds() 获取毫秒值  1000ms(毫秒) = 1s(秒)

        时间戳:

                所谓的时间戳就是指从1970年1月1日00点00分00秒00毫秒开始

                到现在这一刻的总的毫秒值.

                date对象获取时间戳的四种方式:

                        +new Date()

                        Date.now()

                        date对象.valueOf()

                        date对象.getTime()

        日期转换:

                Date构造函数可以传入一个时间戳 获取这个时间戳对应的Date对象

                字符串格式的日期转换:

  var str='2020-05-08 15:25:08'
  var date=new Date(str)
  console.log(date);
  console.log(date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日');

              把字符串格式的日期解析成时间戳 :

    var a=Date.parse(str);
    console.log(a);

04 Math数学对象

        Math专门处理数学相关的数据

                Math.PI  //π

                Math.abs() //绝对值

                Math.max() //最大值

                Math.min()  //最小值

                Math.random()  //随机数

                (默认0~1之间的小数的随机数  包含0 不包含1)

        小数取整的三个方法:

                Math.ceil() //向上取整

                Math.floor() //向下取整

                Math.round() //四舍五入

        n~m之间的随机数公式:

                ***** Math.floor(Math.random()*(m+1-n)+n) *****

05 String字符串的常用方法

        查找方法:

                根据位置查找字符: 字符串变量.

                        charAt(索引值)

                根据位置查找字符的编码值:

                        字符串变量.charCodeAt(索引值)

                根据字符串查找第一个出现的位置 找不到返回-1

                        字符串变量.indexOf('d')  //从前往后查找

                        字符串变量.indexOf('d',3) //从指定位置开始往后查找第一个

                        字符串变量.lastIndexOf('s') //从后往前查找

                        字符串变量.lastIndexOf('s',4) //从指定位置开始从后往前查找

        操作方式:

                字符串拼接: 字符串变量.concat("要拼接的字符串列表") 和+作用一样

                字符串截取:

                        字符串变量.slice(start) //从start开始一直截取到字符串末尾

                        字符串变量.slice(start,end)  //从start开始 到end结束 包含start不包含end

                        substring和slice的作用一模一样

                        字符串变量.substring(start)

                        字符串变量.substring(start ,end)

        其他方法:

                去除首尾空格:  字符串变量.trim()

                去掉首空格:字符串变量.trimStart()

                去掉尾空格:字符串变量.trimEnd()

                判断字符串是以什么开始的:(正确返回true 错误返回false)

                        字符串变量.startsWith('字符串')

                判断字符串是以什么结束的:

                        字符串变量.endsWith('字符串')

                判断是否包含指定字符串

                        字符串变量.include("字符串")

                字符串重复: 

                        字符串变量.repeat(重复的次数)

                字符串替换:(只替换找到的第一个)

                         字符串变量.replace(被替换的字符串,新字符串)

                替换所有:

                         字符串变量.replaceAll(被替换的字符串,新字符串)

                转大写: (将字符串中所有小写字母都转成大写)

                        字符串变量.toUpperCase()

                转小写:(将字符串中的所有大写字母都转成小写)

                        字符串变量.toLowerCase()

                字符串填充:

                        在字符串开头的位置填充 :

                                字符串变量.padStart(长度,填充参数)

                        在字符串尾部的位置填充:

                                字符串变量.padEnd(长度,填充参数)

                        填充参数的字符串 一直填充至字符串的长度为第一个参数

                        如果字符串填充不满 则重复填充 如果新字符串长度不投一次填充 则填充部分

06 包装类的概述

        js是基于对象的编程语言

                不能创建自定义类型 有很多内置对象  直接拿过来就可以使用

      三种基本数据类型 对用的也有三种包装类型

                因为三种基本数据类型不是对象 所以无法封装方法 那么很多需求无法处理

                为了能够针对三种基本类型封装一些处理方法

                所以推出了对应的包装类型

                number-->Number

                boolean-->Boolean

                string-->String

        三种基本类型都有对应的包装类

        基本类型和包装类型之间 系统会自动进行转换

        当我们尝试把基本类型去调用属性或者方法的时候 那么自动把这个基本类型转换成包装类型

        同理 我们使用包装类型去尝试使用基本类型的功能式  系统自动把包装类型转换成基本类型