JavaScript对象

已注销
80 阅读5分钟

JS中的对象总共分三种：自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的，之后学习的Web API中专门讲解

内置对象

内置对象的最大优点就是可以帮助开发者提高开发效率

Math对象

常用方法

  1. abs()：求一个数的绝对值
  2. ceil()：向上取整，如果这个数的本质是整数则返回自身，如果是小数则返回比这个小数整数部分大1的整数，如果是负数直接去掉小数部分
  3. floor()：向下取整，如果这个数的本质是整数则返回自身，如果是小数则返回这个小数整数部分，如果是负数直接去比整数部分小1的负整数
  4. round()：四舍五入就近取整 -3.5结果是-3
  5. max() min()：求最大值或最小值
  6. random()：获取范围在[0-1]之间的随机数 0=<x<1

示例：输出随机一个指定范围内的整数

// 指定一个范围整数取随机整数，并且要求包含这两个整数
// 例如：求5-12之间的随机数
function randomNum(min,max){
    return Math.floor(Math.random()*(max-min+1)+min);
}
console.log(randomNum(5,12));

Data对象

Date对象和Math不一样，Date是一个构造函数，所以使用Date时必须先要对其进行实例化(调用构造)然后才能使用其属性和方法。Date对象主要是用来处理日期以及时间

首先实例化Data，之后才能够调用它的方法

let date = new Date()

常用方法

  1. getFullYear()：获取当前对象的年份部分
  2. getMonth()：获取当前对象的月(0-11)
  3. getDay()：获取当前对象的星期数(0-6),0代表周天
  4. getDate()：获取当前对象的天数
  5. getHours()：获取当前时间的小时数24小时
  6. getMinutes()：获取当前时间的分钟数
  7. getSeconds()：获取当前时间的秒数
  8. getMilliseconds()：获取当前时间的毫秒数
  9. getTime()：获取从1970-1-1(世界标准时间)开始计的毫秒数

示例：输出当前的系统时间

let date = new Date()
console.log(`${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日`)
//输出当前年月日

Array对象

Array对象用于构造数组的全局对象

创建数组一共有两种方式

  1. 字面量方式 let arr = []
  2. new Array()方式 let arr = new Array()

数组分类

数组主要分为三种，分别是一维数组、二维数组以及多维数组

        // 创建一维数组
        var arr1=[1,2,3,4,5];
        console.log(arr1);

        // 创建二维数组
        var arr2=[[1,2,3],[2,3,4],[1,3,2]];
        console.log(arr2);

        // 创建三维数组
        var arr3=[[[1,2],[2,3],[1,3],[1]],[[2,3],[1,3],[2]]];
        console.log(arr3);

检测数组

  • instanceof运算符：可以判断一个对象是否是某个构造函数的实例化对象
let arr = [1,2,3]
console.log(arr instanceof Array); // true
  • Array.isArray()：HTML5中提供的检测数组的方法
let arr = [1,2,3]
console.log(Array.isArray(arr));  //true

常用方法

  • 对元素进行操作
    1. push(参数1，参数2，…)：向数组的末尾添加一个或者多个元素，返回结果为加完元素之后的长度
    2. pop()：从数组中的最后一个元素开始删除，将数组的长度每执行一次减1，返回结果为删除的这个元素数据
    3. unshift(参数1，参数2,…)：从数组的开头添加一个或更多元素，返回结果为加完元素之后的长度
    4. shift()：从数组中的第一个元素开始删除，将数组的长度每执行一次减1，返回结果为删除的这个元素数据
  • 对数组进行排序
    1. reverse()：反转数组中的元素的顺序，无参数，反转元数组中的元素顺序，并且返回一个新数组
    2. sort()：对数组的元素进行排序，该方法会改变原来数组中元素的顺序，并且返回一个新数组
  • 索引以及元素
    1. indexof()：数组中查找给定元素的第一次出现的索引，如果不存在则返回-1
    2. lastindexof()：从数组中的第一个元素开始查找指定元素第一次出现的索引，如果不存在则返回-1
    3. toString()：将数组转换成字符串，元素之间使用逗号分隔
    4. join()：将数组中的所有元素转成一个字符串，元素之间使用指定的分隔符进行连接，如果不给参数默认是逗号
    5. concat()：连接两个或者多个数组，返回一个新数组
    6. slice(start，end)：数组截取从索引为start开始，到end结束不包含结束索引，返回值为截取的新数组
    7. splice(start，count)：删除数组中从索引为start开始的共数count个元素，返回结果为删除的这些元素所组成的新数组

String对象

String对象主要是用来处理文本的

字符串的本质

可以将字符串看做是一个字符类型的数组，因此其大量的属性和方法用法一样

常用方法

  1. charAt(index)：返回指定索引位置的字符，和使用索引方式获取结果一样
  2. charCodeAt(index)：返回指定索引位置的字符的ASCII码
  3. endsWith()：从指定的位置开始查找指定的字符串，如果查到返回true否则返回false
  4. includes():从指定的位置开始查找指定的字符串，如果查到返回true否则返回false
  5. replace()：将原字符串中指定的字符串进行替换成新的字符串
  6. substring(start,end)：将原字符串进行截取从start索引开始到end结束(取不到end)
  7. substr(start,count)：将源字符串进行截取从start索引开始截取count个字符
  8. toUpperCase()/toLowerCase()：将字符串中的字母进行大小写转换
avatar
文章
阅读
粉丝