面向对象的程序设计

1.内置对象及内置函数

1.1.基本包装类型

在 ES 中，数据的分类分为基本数据类型和引用类型。

按照最新 ES 标准定义，基本数据类型(primitive value)包括 Undefined, Null, Boolean, Number, Symbol, String。

为了便于操作基本类型值，ECMAScript提供了3个特殊引用类型（基本包装类型）：Boolean, Number, String。

基本包装类型，和其他引用类型一样，拥有内置的方法可以对数据进行额外操作。

每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型对

象，从而可以调用一些方法操作这些数据。

//包装器函数
/**
 * 特殊引用数据类型 Boolean  Number  String 
 * 1.js自动将基本数据类型转为特殊引用数据类型 String---自动装箱
 * 2.实例可以访问属性和方法 
 * 3.调用js将特殊引用数据类型转为基本数据类型string---自动拆箱
 * 
 */
var str = 'hello';
var res = str.split('');
console.log(res,str.length,str.constructor);


// var str = new String('hello');
// str.split('');
// str = null;

增加对应的包装对象的原型方法 

// 想要给基本数据类型添加方法或者属性 
var str = 'hello';
String.prototype.last = function(){
  // charAt 返回指定位置所对应得字符 
  return this.charAt(this.length-1);
};
console.log(str.last());


var str = new String('hello');
// 添加属性 和 方法 
str.name = 'HI';
str.foo = function(){
  console.log('我是foo');
}
console.log(str);

1.1.1.Boolean类型

 Boolean 类型没有特定的属性或者方法。一般直接将Boolean当做一个工具方法来使用。

1.1.2.Number类型 

 

/**
 * Number引用类型方法和属性
 */
var num = 10;
console.log(num.toString());
console.log(num.toLocaleString());
console.log(num.toFixed(2));
console.log(num.toExponential());
console.log(num.toPrecision(2));
console.log(num.valueOf());

1.1.3.String类型

/**
 * charAt 参数:index  返回值：返回指定索引位置对应的字符
 * charCodeAt 参数：index  返回值:返回指定索引位置对应的字符得Unicode编码
 */
var str = 'hello';
console.log(str.charAt(3));
console.log(str.charCodeAt(3));

 

/**
 * 字符串操作方法：
 * concat 拼接字符串 返回值：返回的是拼接好的字符串
 */
var str = 'he';
var str1 = 'll';
var str2 = 'o';
var res = str.concat(str1,str2);
console.log(res);

/**
 * 截取字符串字符 
 * 1.substring 参数：start end(不包含)不可以为负数 返回值：从start截取到end位置字符(不包含)
 * 2.substr  参数：start length  返回值：从start位置开始截取length个字符
 * 3.slice  参数：start end(不包含)可以为负数 返回值：从start截取到end位置字符(不包含)
 */
var str = 'hello world';
console.log(str.slice(3,7));//截取从索引3到索引7位置字符(不包含)
console.log(str.slice(-3,-1));//截取从倒数第三项到倒数第一项位置字符(不包含)

console.log(str.substring(3,7));//截取从索引3到索引7位置字符(不包含)

console.log(str.substr(3,7));

/**
 * indexOf 从头开始查找字符
 * lastIndexOf 从末尾开始查找字符
 * 参数：查找字符 start 返回值：返回的第一次查找到字符得索引或者-1
 */
var str = 'hello world';
console.log(str.indexOf('l',4));
console.log(str.lastIndexOf('o',6));

/**
 * 大小写转换方法 
 * toLowerCase 将字符串转为小写
 * toUpperCase 将字符串转为大写
 */
console.log('HEELO'.toLowerCase());
console.log('hello'.toUpperCase());
console.log('hello'.toLocaleUpperCase());
console.log('HEELO'.toLocaleLowerCase());

/**
 * 字符串模式匹配得方法 可以配合正则表达式
 * match 参数:要匹配得字符 返回值：返回的是一个数组或者null
 * replace 参数：旧字符/正则表达式 新字符 返回值：返回的是替换好的新字符串
 * search 参数：要查询得字符 返回值：返回查找到得字符所对应索引或者-1
 * split 参数('分割字符') 返回值：将字符串分割好的数组
 */
/**
 * 创建正则表达式
 * 1.构造函数 RegExp()
 * 2.直接字面量  /表达式/修饰符 
 * 修饰符 i ignore忽略大小写 g global 全局匹配  m mutiline多行匹配
 */
// var reg = new RegExp('l','igm');
// var reg = /l/igm;
var str = 'hello world';
console.log(str.match('y'));
console.log(str.replace('l','m'));
console.log(str.replaceAll('l','m'));//将所有旧字符全部替换为新字符
console.log(str.replace(reg,'m'));
console.log(str.search('o'));
console.log(str.split(' '));

 1.2.Math对象

// Math对象方法 
console.log(Math.min(1,3,2,4,5,6),'获取一组数中最小数');
console.log(Math.max(1,3,2,4,5,6),'获取一组数中最大数');
console.log(Math.ceil(1.1),'向上取整');
console.log(Math.floor(1.9),'向下取整');
console.log(Math.round(2.1),'四舍五入');
console.log(Math.round(2.9),'四舍五入');
console.log(Math.random(),'随机数0-1之间小数');//[0,1)


var arr = ['甄姬','虞姬','蒙牙','上官婉儿','典韦','韩信'];
function Random(arr){
  // 生成随机索引  0-6之间 
  var index =  parseInt(Math.random() * arr.length);
  console.log(arr[index]);
}
Random(arr)

 1.3.Date对象

//date对象
// 1.引入momentjs工具库  commonjs 模块化规范 
var moment = require('moment');
console.log(moment,'moment对象');
// var now = new Date();//在不同环境下获取时间有差异
// var now = new Date('2023-8-22 14:34');
var now = new Date();//在不同环境下获取时间有差异
console.log(now.toString());
console.log(now.toLocaleString());
console.log(now.getFullYear(),'获取当前年份');
console.log(now.getMonth() + 1,'获取当前月份');//0-11
console.log(now.getDate(),'获取月份所对应天数');
console.log(now.getHours(),'获取当前小时');
console.log(now.getMinutes(),'获取当前分钟数');
console.log(now.getSeconds(),'获取当前秒数');
console.log(now.getDay(),'获取一周中几天');//0-6
console.log(now.getTime());//格林威治时间毫秒数 13位时间戳 

console.log(moment(now.getTime()).format('YYYY-MM-DD:HH:mm:ss'));

2.扩展库

a.Moment.js

​​​​​​​b.lodash

// 引入lodash工具库 
// var _ = require('lodash');
// console.log(_);
// var obj = {
//   name:"zhangsan"
// };
// var obj1 = _.cloneDeep(obj);//深拷贝 
// console.log(obj,obj1,obj1===obj);

// var arr = [1,2,3,4,5,6];
// console.log(_.chunk(arr,2));

// compact 过滤假值将真值放在数组中 
// var arr = [0,false,'',10,null,undefined,'hello'];
// console.log(_.compact(arr));


// drop 删除数组元素 指定删除n
// console.log(_.drop([1,2,3,4,5],2));
// console.log(_.indexOf([1,2,3,4,5],3));
// console.log(_.uniq([1,2,2,1,3]));

// 作业：尽可能使用学过数组api对数组进行去重 [1,2,3,2,3]
// var arr = [1,2,3,2,3];
// function unique(arr) {
//     //循环前一个数
//     for (let i = 0; i < arr.length; i++) {
//         //循环后一个数
//         for (let j = i+1; j < arr.length; j++) {
//             //如果前一项和后一项重复 删除后一项 修正下标
//             if (arr[i]===arr[j]) {
//                 arr.splice(j,1);
//                 j--;
//             }
            
//         }
        
//     }
//     return arr
// }
// var res = unique(arr)
// console.log(res);

/**
 * 利用indexOf去重 或者 lastIndexOf去重
 */
var arr = [1,2,3,2,1,3,4];
function unique(arr) {
    var newArr = [];
    for (let i = 0; i < arr.length; i++) {
        //如果不存在newArr中 将添加newArr数组
        if (newArr.indexOf(arr[i]===-1)) {
            // newArr.push(arr[i])
            newArr[newArr.length]=arr[i]
            
        }
        
    }
    return newArr
}
var res = unique(arr);
console.log(res);