前端---ES5知识点小梳理五

柔情只为你懂 2024-04-07 14:56 51阅读 0赞

**目录**

基本包装类型

Number类型

内置属性（静态属性，直接调用即可）

内置方法(对象方法)

String类型

字符方法

字符串位置方法

转换大小写

match() 找到一个或多个正则表达式的匹配。

replace() 替换与正则表达式匹配的子串。

search() 检索与正则表达式相匹配的值。

split() 把字符串分割为字符串数组。

Math 方法

获取当前的时间

传递参数获取日期

日期常用对象方法

获取年月日 月日 从0开始；

获取时间戳 格林威治时间

间隔一段时间 执行一次 每一秒执行一次 setInterval

monment库

loadash库

--------------------

##  ##

## 基本包装类型 ##

基本包装类型：只存在一行代码的执行瞬间，然后立即销毁

在使用 new 运算符创建String，Number，Boolean三种类型的对象时，可以给自己添加属性和方法；或增加对应的包装对象的原型方法；但我们建议不要这样使用，因为这样会导致根本分不清到底是基本类型值还是引用类型值。

// 基本包装类型的操作流程 类似于隐式 不需要手动去转换
    var str = 'hello string'
    var newStr = str.substring(0,4)
    console.log(typeof str);
    console.log(newStr,typeof newStr );
    
    
    var str = 'hello'
    str.test = 'test' //读取模式时 相当于 var str = new String()
    // console.log(str.test); //读取模式 var str = new String()

## Number类型 ##

#### 内置属性（静态属性，直接调用即可） ####

// 最大值
    console.log(Number.MAX_VALUE);
    // 最小值
    console.log(Number.MIN_VALUE);
    
    // prototype如果想要手动的想其原型对象中添加方法 一般加上一些特殊的符号 不建议
    Number.prototype._toFixed = function () {
    }

#### 内置方法(对象方法) ####

var num = 123456
    // 内置方法
    // toString  把数字转换为字符串，使用指定的基数。
    console.log(num.toString());
    //123456
    
    // toLocaleString 把数字转换为字符串，使用本地数字格式顺序。
    console.log(num.toLocaleString());
    //123,456
    
    // toFixed 把数字转换为字符串，结果的小数点后有指定位数的数字。
    console.log(num.toFixed(5));
    //123456.00000
    
    // toExponential   把对象的值转换为指数计数法。科学计数法
    console.log(num.toExponential());
    //1.23456e+5

## String类型 ##

#### 字符方法 ####

// 字符方法
    var testStr = 'hello String'
    // 字符方法
    // charAt() 返回指定索引位置的字符
    console.log(testStr.charAt(6));
    //S
    // charCodeAt()  以Unicode编码形式返回指定索引位置的字符
    console.log(testStr.charCodeAt(7));

// 获取字符串的长度
    var str1 = 'hello js'
    console.log(str1.length);
    //8
    
    
    
    // 字符串操作方法
    // concat()字符串的拼接
    var testStr = 'hello String'
    console.log(testStr.concat('hello JS','hello Css'));
    //hello Stringhello JShello Css
    
    
    
    // slice(start, end) 截取字符串  截取的字符串不包括end
    var testStr = 'hello String'
    console.log(testStr.slice(0));
    console.log(testStr.slice(3,5));
    //hello String
    //lo
    
    
    
    // substring() 提取字符串中两个指定的索引号之间的字符。
    var str = 'hello';
    console.log(str.substring(0, 3)); 
    // hel
    console.log(str.substring(0)); 
    // hello
    
    
    // substr(起始位置,要截取的字符串长度) 
    console.log(str.substr(0,1)); 
    console.log(str.substr(0,3));

#### 字符串位置方法 ####

// 字符串位置方法
     var testStr = 'hello js hello html'
    
    console.log(testStr.indexOf('hello'));
    //0
    
    console.log(testStr.lastIndexOf('hello'));
    //9

#### 转换大小写 ####

// 转换大小写
    var testStr = 'hello js hello html'
    
    console.log(testStr.toUpperCase());
    console.log(testStr.toLocaleUpperCase());
    console.log(str.toLowerCase());

#### match() 找到一个或多个正则表达式的匹配。 ####

#### replace() 替换与正则表达式匹配的子串。 ####

#### search() 检索与正则表达式相匹配的值。 ####

#### split() 把字符串分割为字符串数组。 ####

//match()  找到一个或多个正则表达式的匹配。 
     var str = 'Hello JS'
    console.log(str.match('Hell'));
    //[ 'Hell', index: 0, input: 'Hello JS', groups: undefined ]
    
    
    //  replace()  替换与正则表达式匹配的子串。 
     var str = 'Hello JS'
    var res = str.replace('He','t')
    console.log(res);
    //tllo JS
    
    
    //  search() 检索与正则表达式相匹配的值。   
    var res = str.search('JS')
    console.log(res)
    //6
    
    //  split()  把字符串分割为字符串数组。
    var res = str.split('')
    console.log(res)

## Math 方法 ##

// π
    console.log(Math.PI);
    //3.141592653589793
    
    
    // 求平方根
    Math.sqrt(16);
    //4
    
    // 求最小值
    console.log(Math.min(4,5,1,2,3));
    //1
    
    
    // 求最大值
    console.log(Math.max(4, 5, 1, 2, 3));
    //5
    
    // 一共有29条数据 每页有十条
    // ceil 向上舍入
    console.log(Math.ceil(2.1));
    //3
    
    
    // 四舍五入
    console.log(Math.round(2.1));
    //2
    
    
    // 随机数
    console.log(Math.random());
    //0.8677162187782514

## 获取当前的时间 ##

// 获取当前的时间
    var nowDate = new Date()
    console.log(nowDate);
    Math.round(new Date() / 1000) //获取当前时间的时间戳
    console.log(Math.round(new Date()));

## 传递参数获取日期 ##

// 传递参数获取日期
    var date = new Date(2020, 00, 1, 10, 10, 10)
    console.log(date);
    //2020-01-01T02:10:10.000Z

## 日期常用对象方法 ##

// 日期常用对象方法
    var nowDate = new Date()
    console.log(nowDate.toString());
    //Sun Sep 04 2022 13:08:57 GMT+0800 (中国标准时间)

## 获取年月日 月日 从0开始； ##

// 获取年月日   月日 从0开始；
    console.log(nowDate.getFullYear());
    console.log(nowDate.getMonth());
    console.log(nowDate.getDay());

## 获取时间戳 格林威治时间 ##

// 获取时间戳 格林威治时间
    console.log(nowDate.getTime());
    //1662268257865

## 间隔一段时间 执行一次 每一秒执行一次 setInterval ##

// 间隔一段时间 执行一次  每一秒执行一次
    setInterval(() => {
      var nowDate = new Date()
      console.log(nowDate.toLocaleString());
    }, 1000);
    //
    2022/9/4 下午1:11:36
    2022/9/4 下午1:11:37
    2022/9/4 下午1:11:38
    2022/9/4 下午1:11:39
    2022/9/4 下午1:11:40
    2022/9/4 下午1:11:41
    2022/9/4 下午1:11:42
    2022/9/4 下午1:11:43
    2022/9/4 下午1:11:44
    2022/9/4 下午1:11:45
    2022/9/4 下午1:11:46

## monment库 ##

monment库
    // 引入
    // 模块化导入moment
    var moment = require('moment');
    // 设置本地语言为中文
    require('moment/locale/zh-cn')
    moment.locale('zh-cn');
    
    // 1630334723399 YYYY-MM-DD
    var res = moment(1630334723399).format('HH:mm YYYY-MMMM-DD')
    console.log(res);

## loadash库 ##

// chunk 根据size划分一个数组
    // console.log(_.chunk([1,2,3,4,5,6,7,8], 4));
    
    
    // drop
    console.log(_.drop([1, 2, 3, 4, 5, 6, 7, 8], 3));
    
    // uniq  数组去重
    console.log(_.uniq([1,2,2,3,3,4,4,4,6,]));