• JavaScript-内置对象

    一个人如果不到最高峰，他就没有片刻的安宁，他也就不会感到生命的恬静和光荣。——肖伯纳

    目录

    一，Math对象

     二，日期对象

    三，数组对象

    判断是否为数组

    Array.isArray()

    数组排序

    数组索引

    数组连接

    数组截取

    数组删除

    四，字符串对象

    字符串的不可变

    根据位置返回字符

    字符串连接

    截取字符串

    字符串替换

    字符串分割

    数据类型总结

    简单数据类型

    简单类型传参：

    复杂数据类型

    复杂类型传参：

    前言：

    JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象

    前两种对象是JS 基础内容，属于 ECMAScript；  

    第三个浏览器对象属于 JS 独有的， JSAPI 讲解内置对象就是指 JS 语言自带的一些对象，

    这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），

    内置对象最大的优点就是帮助我们快速开发。

    JavaScript 提供了多个内置对象：Math、 Date 、Array、String等

    一，Math对象

     含义：Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员。

    - Math.PI               圆周率

    - Math.floor()           向下取整

    - Math.ceil()            向上取整

    - Math.round()          四舍五入版 就近取整   注意 -3.5   结果是  -3

    - Math.abs()            绝对值

    - Math.max()/Math.min() 求最大和最小值

    - Math.random()        获取范围在[0,1)内的随机值0包含，1不包含

    // Math数学对象 不是一个构造函数 ，所以我们不需要new 来调用 而是直接使用里面的属性和方法即可

    1. <!DOCTYPE html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Document</title>
    9. </head>
    10.  
    11. <body>
    12.     <script>console.log(Math.PI); // 一个属性 圆周率
    13.         console.log(Math.max(1, 99, 3)); // 99
    14.         console.log(Math.max(-1, -10)); // -1
    15.         console.log(Math.max(1, 99, '中文')); // NaN
    16.         console.log(Math.max()); // -Infinity
    17.         console.log(Math.floor(1.6));//向下取整，1
    18.         console.log(Math.ceil(1.6));//向上取整，2
    19.         console.log(Math.round(3.1));//四舍五入，就近取整
    20.  
    21.         var a = Math.abs(7.25); //7.25
    22.         var b = Math.abs(-7.25);//7.25
    23.         var c = Math.abs(null);//0
    24.         var d = Math.abs("Hello");//NaN
    25.         var e = Math.abs(2 + 3);//5
    26.  
    27.         console.log(Math.floor(Math.random() * 100 + 1));//1-100之间的随机数</script>
    28. </body>
    29.  
    30. </html>

     二，日期对象

    含义：Date 对象和 Math 对象不一样，Date是一个构造函数，所以使用时需要实例化后才能使用其中具体方法和属性。Date 实例用来处理日期和时间。

    var now = new Date();

    例题：

    var now = new Date('2019/5/1');

    注意：如果创建实例时并未传入参数，则得到的日期对象是当前时间对应的日期对象

    1.     <script>
    2.  
    3.         var now = new Date();
    4.         console.log(now.getFullYear());//获取当年
    5.         console.log(now.getMonth() + 1);//注意返回的是0-11 获取当月
    6.         console.log(now.getDate());//获取当天日期
    7.         console.log(now.getDay());//获取星期几，周日是0
    8.         console.log(now.getHours());//获取当前小时
    9.         console.log(now.getMinutes());//获取当前分钟
    10.         console.log(now.getSeconds())//获取当前秒
    11.     </script>

     

    获取总毫秒数

    基于1970年1月1日（世界标准时间）起的毫秒数

    1. //第一种方法
    2. console.log(now.valueOf())	
    3. console.log(now.getTime())	
    4. // 2. 简单写可以这么做
    5. var now = + new Date();			
    6. // 3. HTML5中提供的方法，有兼容性问题
    7.  var now = Date.now();

    三，数组对象

    var arr = new Array();

    - 如果只传入一个参数，则参数规定了数组的长度

    - 如果传入了多个参数，则参数称为数组的元素

    - 如果不传参数就是空数组

    判断是否为数组

    - instanceof 运算符

    可以判断一个对象是否是某个构造函数的实例。

    1. var arr  = [1, 23];
    2. var obj  = {};
    3. console.log(arr instanceof Array); // true
    4. console.log(obj instanceof Array); // false

    Array.isArray()

    用于判断一个对象是否为数组，isArray() 是 HTML5 中提供的方法。

    1. var arr = [1, 23];
    2. var obj = {};
    3. console.log(Array.isArray(arr));   // true
    4. console.log(Array.isArray(obj));   // false

    push添加

    push(值1,值2.....)末尾添加一个或多个值

    1.  var arr = [1, 23];
    2. console.log("返回长度：" + arr.push(5,6,7));
    3. console.log(arr);

    pop删除

    pop()删除数组最后一个值

    console.log("返回值：" + arr.pop());

    console.log(arr);

    注意：无需删除参数，长度减1，返回被删除的值。

    unshift添加

    unshift(值1,值2,值3)在数开头添加一个或多个值。

    console.log("返回值：" + arr.unshift(5,6,7)); //返回长度

    console.log(arr);

    shift删除

    shift()删除数组第一个值

    console.log("返回值：" + arr.shift());

    console.log(arr);

    注意：无需删除参数，长度减1，返回被删除的值。

    数组排序

    reverse() 颠倒数组中的顺序，无参数

    1. var arr = [12, 23,3,7,8];
    2. console.log(arr.reverse()); //返回新数组，会改变原来的数组

    sort() 对数组进行排序，默认按字符串升序，原数组会改变。

    1. var arr = [9, 1,3,7,8];
    2. console.log(arr.sort()); //返回新数组，会改变原来的数组
    3. console.log(arr);
    4.  
    5. console.log(arr.sort(function(a,b){
    6. 	   return a - b; //则为升序
    7. })); 
    8.  
    9. console.log(arr.sort(function(a,b){
    10. 	   return b-a; //则为降序
    11. }));

    默认排序顺序为按字母升序。

    注意：

    - 当数字是按字母顺序排列时"40"将排在"5"前面。

    - 如果传入“function(a,b){ return a-b;}”，则为升序

    - 如果传入“function(a,b){ return b-a;}”，则为降序

    数组索引

    1.     <script>
    2.  
    3.         indexOf(item, start)      //可返回数组中某个值指定的元素位置。存在就返回，不存在返回 - 1；
    4.         lastIndexOf(item, start)   //在数组中某个值指定的元素位最后一个索引，不存在返回 - 1；
    5.     </script>

    item：代表要查找的元素值。

    start：要查找元素的位置，indexof缺省从第一个开始找，lastinfexof从最后一个开始找。

    1. var arr = [17, 11,3,7,8,3];
    2. console.log(arr.indexOf(3));//2
    3. console.log(arr.indexOf(3,3));//5
    4.  
    5.  
    6. console.log(arr.lastIndexOf(3));//5
    7. console.log(arr.lastIndexOf(3,3));//2

    数组连接

    concat()  连接两个或多个数组 不影响原数组  返回一个新的数组

    1.  var arr = [1, 2,3];
    2.   var arr2 = [4,5,6];
    3.   var arr3 = [];
    4.   
    5. console.log(arr3 = arr.concat(arr,arr2));//123456
    6. console.log(arr);//123
    7. console.log(arr3);123456

    数组截取

    slice()   数组截取slice(start,end) 返回被截取项目的新数组，不改变原数组

    start：从何处开始截取，如果是负值就从倒数第几个位置开始。

    end：规定从何处开始结束选取，如果没有参数就是start到结束，如果为负数，就表示倒数第几个元素结束截取。（不包含最后一个元素）

    1. var arr = [1, 2,3,4,5,6];
    2. var arr3;
    3.   
    4. console.log(arr3 = arr.slice(0,2));//1,2

    数组删除

    splice(index, howmany, item1, ....., itemX) 数组删除，返回新数组，影响原数组

    Index：从什么位置添加，删除项目。

    Howmany：要删除的项目数。

    item1...：要添加的项目值。

    1.  var info = ["Banana", "Orange", "Apple", "Mango"];
    2.  info.splice(1,1,"小红","小帅");//Orange被删除
    3. console.log(info);//添加了 "小红","小帅"两个值

    四，字符串对象

    基本包装类型就是把简单数据类型包装成为复杂数据类型，这样基本数据类型就有了属性和方法。

    1. var str = 'andy';
    2. console.log(str.length);

    按理基本数据类型是没有属性和方法的，js会把简单类型变为复杂类型。执行过程如下：

    var temp = new String('andy');

     赋值给我们声明的字符变量

    str = temp;

     销毁临时变量

    temp = null;

    字符串的不可变

    指的是里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中新开辟了一个内存空间。

    当重新给字符串变量赋值的时候，变量之前保存的字符串不会被修改，依然在内存中重新给字符串赋值，会重新在内存中开辟空间，这个特点就是字符串的不可变。

    由于字符串的不可变，在**大量拼接字符串**的时候会有效率问题

    indexOf

    返回指定内容在在字符串中的位置，如果找不到就返回-1,找到返回索引。

    1. var info = "Banana";
    2.  
    3. console.log(info.indexOf("a"));//1

    lastIndexOf

    从后往前面找指定字符串中的位置，指返回第一个。

    1. var info = "Banana";
    2.  
    3. console.log(info.lastIndexOf("a"));//5

    根据位置返回字符

    charAt(index)  返回指定位置的字符，index是索引号。

    1. var info = "Banana";
    2.  
    3. console.log(info.charAt(0));//B

    charCodeAt(index)  获得指定位置的字符的ASCII码

    1. var info = "Banana";
    2.  
    3. console.log(info.charCodeAt(0));//66

    str[index]  与charAt   使用等效

    1. var info = "Banana";
    2.  
    3. console.log(info[0]);//B

    字符串连接

    concat(str1,str2,str3)  方法用于连接两个或多个字符串。等效于+；

    1. var str1="123",str2="456",str3="789";
    2.  
    3. console.log(str1.concat(str2));//123456
    4.  
    5. console.log(str2.concat(str1,str3));//456123789

    截取字符串

    substr(start,length)  从start位置（索引）如果是负数从倒数第几个开始，length是个数。

    1. var str1="路漫漫其修远兮";
    2.  
    3. console.log(str1.substr(0,2));//路漫
    4.  
    5. console.log(str1.substr(-1,1));//兮

    slice(strat,end)     从start位置（索引）开始，截取到end位置（索引），end不包括。

    1. var str1="路漫漫其修远兮";
    2.  
    3. console.log(str1.slice(0,1));//路
    4.  
    5. console.log(str1.slice(-5,-1));//漫其修远

    注意：

    start如果是负数表示从尾部截取多少个字符串，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。

    end 参数如果为负数，-1 指字符串的最后一个字符的位置，-2 指倒数第二个字符。

    substring(start,end)

    从start位置开始，截取到end位置，end取不到，基本与slic相同，但是不接受负数

    1. var str1="路漫漫其修远兮";
    2.  
    3. console.log(str1.substring(0,1));//路

    字符串替换

    replace() 方法用于在字符串中用一些字符替换另一些字符，返回新字符串。

    //语法

    字符串.replace(被替换的字符串，要替换的字符串);

    1. var str="1,2,3";
    2.  
    3. console.log(str.replace(",","*")); //'1*2,3'
    4.  
    5. console.log(str.replace(/,/g,"*"));//正则替换全部的* 1*2*3

    总结：

    默认找到第一个匹配的值进行替换，正则的方式替换全部。/g替换全部，/t替换一个

    字符串分割

    split()方法用于切分字符串，它可以将字符串切分为数组，返回的是一个新数组。

    //语法

    字符串.split(“分割字符”);

    1. var str="1,2,3";
    2.  
    3. console.log(str.split(",")); //返回成数组

    数据类型总结

    简单数据类型

    基本数据类型、值类型：在存储时变量中存储的是值本身，包括string ，number，boolean，undefined，null

    简单类型传参：

    函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的

    形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到的外部变量。

    1. function fn(a) {
    2.  
    3. a++;
    4.  
    5. console.log(a);//11
    6.  
    7. }
    8.  
    9. var x = 10;
    10.  
    11. fn(x);
    12.  
    13. console.log(x);//10

    复杂数据类型

    在存储时变量中存储的仅仅是地址（引用），通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等；

    复杂类型传参：

    函数的形参也可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象。

    1. function Person(name) {
    2.  
    3. this.name = name;
    4.  
    5. }
    6.  
    7. function f1(x) { // x = p
    8.  
    9. console.log(x.name); //刘德华  
    10.  
    11. x.name = "张学友";
    12.  
    13. console.log(x.name); // 张学友
    14.  
    15. }
    16.  
    17. var p = new Person("刘德华");
    18.  
    19. console.log(p.name);    // 刘德华   
    20.  
    21. f1(p);
    22.  
    23. console.log(p.name);    //张学友

  • 相关阅读:
    景区住宿门票小程序开发解决方案
    INS 、AHRS、VRU、IMU的区别与联系
    机器学习中的独立和同分布 （IID）：假设和影响
    Java学习笔记（二十三）
    Vue3.0的设计目标是什么？做了哪些优化
    神经网络属于人工智能的,人工智能神经系统是
    Revit中导入的CAD标高不统一处理及“标高管理”
    logback服务器日志删除原理分析
    Linux文本管理四剑客003
    Bark Ai 文本转语音 模型缓存位置修改
  • 原文地址：https://blog.csdn.net/qq_52499703/article/details/125591119