zoukankan      html  css  js  c++  java
  • web内置对象

    内置对象,宿主对象,自定义对象的区别?
        内置对象:
            系统所提供的对象:Object,Array,Math,Date等等。
        宿主对象:
            JS所运行的环境提供的对象:BOM中的window,DOM中的document
        自定义对象:
            自定义构造函数所创建的对象 。
     
    Array类型对象:
    数组创建方式:
        方式1:构造函数Array
    // 语法:
    var 数组名 = new Array(数据,数据,数据);
    // 代码:
    var names = new Array('张三','李四','王五','赵六');
        方式2:数组字面量(推荐 )
    // 语法:
    var 数组名 = [数据,数据,数据];  // 数组字面量
    // 代码:
    var names = ['张三','李四','王五','赵六'];
    数组对象常用的方法:
        1.向前后数组添加元素:unshift()开头添加   push()末尾添加
    //  向数组的开头添加一个或更多元素,并返回新的长度。【原数组会发生变化】
    数组名.unshift(newelement1,newelement2,....,newelementX);
    // 向数组的末尾添加一个或更多元素,并返回新的长度 【原数组会发生变化】
    数组名.push(newelement1,newelement2,....,newelementX);
     
       2从数组前后删除元素:shift()开头删除  pop() 末尾删除
    // 删除并返回数组的第一个元素 【原数组会发生变化】
    数组名.shift();
    // 删除并返回数组的最后一个元素 【原数组会发生变化】
    数组名.pop();
     
        3.数组任意位置添加,删除    splice()
    // 向/从数组中添加/删除项目,然后返回被删除的项目。【原数组会发生变化】
    数组名.splice(index,howmany,item1,.....,itemX)
    参数:
        index 从哪个位置开始删    数字
        howmany 删除几个    数字
        item1,.....,itemX   新添加的数据(可以是多个)  可选
       4.数组元素的查询     indexOf()第一个索引      lastIndexOf()最后一个索引
    // 返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1
    数组名.indexOf(searchElement); 【用的较多】
    // 返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找
    数组名.lastIndexOf(searchElement);
        5.数组的反转和排序  
    // 颠倒数组中元素的顺序。 【原数组会发生变化】
    数组名.reverse();
     
    // 对数组的元素进行排序
    数组名.sort();   // 默认排序顺序是根据字符串Unicode编码 【了解】
    数组名.sort(function(a,b){    //【重点】
      return a - b;   // 升序(从小到大)
    })
    数组名.sort(function(a,b){    //【重点】
      return a - b;   // 升序(从小到大)
    })
    数组名.sort(function(a,b){    //【重点】
      return b - a;   // 降序(从大到小)
    })
        6.数组截取 slice() 和splice()区分开
    // 从已有的数组中返回选定的元素。【截取后,不会改变原数组,而是返回新的数组】
    数组名.slice(start,end);
       7.数组的拼接  join(‘拼接符’)
    // 用于把数组中的所有元素放入一个字符串。
    数组名.join(separator);
     
    8.数组的其他方法:
    // 数组遍历
    数组名.forEach(function(value,index,currentArray){
      console.log(value);
    });
     
    // 过滤出符合筛选条件的元素,返回一个新的数组
    数组名.filter(function(value,index,currentArray){
        return 条件;    // 如:return value >= 1000;
    });
     
    // 验证数组中的每一个元素是否都符合指定的条件,返回布尔值
    数组名.every(function(value,index,currentArray){
      return 条件;    // 如:return value >= 1000;
    });
     
    // 验证数组中的元素,是否有符合指定条件的,返回布尔值
    数组名.some(function(value,index,currentArray){
      return 条件;  // 如:return value >= 1000;
    });
     
    // 遍历数组中的每一个元素,更改后存入一个新的数组中,返回一个新的数组
    数组名.map(function(value,index,currentArray){
      return 操作;   // 如:return value * 2;
    });
     
    字符串对象:
    字符串的不可变性:
    var str = 'abc';
    str = 'hello';
    //当重新给str赋值 的时候,数据‘abc’不会被更改,依然在内存里
    //当重新给字符串赋值时,会在内存里重新开辟一片空间 ,这就是字符串的不可变性
    //在大量拼接字符串的时候会有效率问题
     
    为什么基本数据类型字符串可以以像对象一样使用?
    // 普通字符串
    var str = 'abc';   // 普通字符串不是对象
    var len = str.length; // 但是为什么可以像对象一样使用点出东西?
    alert(len); // 3
     
    //把字符串包装成对象 → 基本包装类型
    var strObj = new String('abc');  // 把字符串包装成对象
    var len = strObj.length;  // 因为是对象,所以可以点出东西。
    alert(len); //3
    字符串对象常用方法:
            1.获取字符串的单个字符   charAt(index)
    字符串.charAt(index);
    字符串[index];      // 推荐使用
            2.字符串拼接   ‘+’ 和截取slice()    
    // 拼接
    字符串.concat(str1,str2,str3...);
    拼接符 +     //推荐使用
     
    // 截取
    字符串.slice(star,end);
                3.查询字符在字符串中是否存在indexOf()
    字符串.indexOf();
    字符串.lastIndexOf();
            4.清除空白符  trim()
    字符串.trim();  // 去除字符串两边的空格
            5.字母字符 大小写转换  toUpperCase()   toLowerCase()
            6.字符串替换 replace(older,new)
            7.分割字符串split(‘=’)
    Math对象
        Math对象常用属性和方法:
                1. Math.abs(数字); 获取一个数字的绝对值
                     2. Math.round(数字); 四舍五入
                 3.Math.PI; π
                 4.Math.ceil(数字); 向上取整
                 5.Math.floor(数字); 向下取整
                 6.Math.random(); 随机数[0,1);
                 7.Math.max(数字,数字,数字...); 求最大数
                 8.Math.min(数字,数字,数字...); 求最小数
     
     
    date对象
     
    Date类型对象介绍
     
    Date类型对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是,1970年1月1日00:00:00前后的各1亿天(单位为毫秒)。
    创建Date对象
    var 变量名 = new Date();   // 创建当前时间对象
    var date = new Date();
    console.log(date);
    方法2
    var 变量名 = new Date(stringdate);  // 创建指定的时间对象
    // 参数 stringdate, 字符串格式→ 'year-month-date hh:mm:ss'   或  'year/month/date hh:mm:ss'
    var date = new Date('2018/10/16 12:12:12');
    var date2 = new Date('2018-10-16 12:12:12');
    console.log(date);
    console.log(date2);
    方法3
    var 变量名 = new Date(value);  // 创建1970年开始value毫秒后的时间对象
    // 参数 value, 数字,指的是毫秒数
    var date = new Date(99999999999);
    console.log(date);
     
    常用的Date类型对象方法
    1获取和设置年月日
    日期对象.getFullYear() / 日期对象.setFullYear(数字) // 年
     
    日期对象.getMonth() / 日期对象.setMonth(数字)   // 月
    注意:获取月份是从0开始的
     
    日期对象.getDate() / 日期对象.setDate(数字)  //日
    2获取和设置时分秒
    日期对象.getHours()  /  日期对象.setHours(数字)  // 时
     
    日期对象.getMinutes()  /  日期对象.setMinutes(数字) // 分
     
    日期对象.getSeconds()  /  日期对象.setMinutes(数字) // 秒
     
    对象. getMilliseconds()  / 对象.setMilliseconds(数字) // 毫秒
    3获取星期数
    日期对象.getDay();   // 0-6(周日0到周六6) 不能够设置,原因是周天是由今天的日期决定的。
    4获取1970年至指定时间的总毫秒数
    日期对象.getTime()  /  日期对象.setTime(数字);
  • 相关阅读:
    spring与redis集成之aop整合方案
    Spring Boot 属性配置和使用
    nexus REST API /artifact/maven/[resolve|redirect] returns unexpected for v=LATEST
    Nginx CORS实现JS跨域
    Spring Boot简介
    关于EOF:
    C语言的那些事
    基础常识
    数组
    基本语句结构
  • 原文地址:https://www.cnblogs.com/weblxlx/p/9968419.html
Copyright © 2011-2022 走看看