对象

  • Post author:
  • Post category:其他




一、对象



1.对象概念

  1. 对象是一组

    无序

    的相关

    属性



    方法

    的集合,所有的事物都是对象,如字符串、数值、数组,函数等
  2. 对象是由

    属性



    方法

    组成的

    属性:事物的特征

    方法:事物的行为



2.创建对象



1. 利用字面量创建对象{}

在这里插入图片描述

在这里插入图片描述



2. 利用 new Object创建对象

在这里插入图片描述



3. 利用构造函数创建对象

  1. 把对象里面一些相同的属性和方法抽象出来封装到函数里
  2. 在这里插入图片描述
  3. 调用构造函数必须用

    new
  4. 属性和方法前必须有this
  5. 构造函数是泛指的某一大类

    对象是特指某一个

    利用构造函数创建对象的过程也成为

    对象的实例化



3.区别

在这里插入图片描述



4.new关键字执行过程

  1. 在内存中创建一个新的空对象
  2. 让this指向这个新的对象
  3. 执行构造函数里面的代码,给这个新对象添加属性和方法
  4. 返回这个新对象(所以不需要return)



5.遍历对象

  1. for…in语句用于对数组或者对象的属性进行循环操作
  2. 语法:

    for (变量 in 对象){}
  3. 一般情况变量用k,如果写成

    for (k in 对象){console.log(k)}

    ,输出的是

    属性名
  4. 想输出

    属性值

    ,则

    console.log(对象[k]);


    注意这里的k不加引号

  5. k是遍历的属性



二、内置对象



1.内置对象概念

  1. js对象分为:自定义对象(见一),内置对象,浏览器对象
  2. 内置对象:js语言自带的一些对象,提供了一些常用的或是基本而必要的功能(属性和方法)



2.Math对象

  1. 不是一个函数对象,即

    不是一个构造函数

    ,所以不用new来调用,直接使用即可

    在这里插入图片描述
  2. 在这里插入图片描述

  3. console.log(Math.abs(‘-1’));//结果为1,隐式转换,会把字符串型转化为数字型

  4. console.log(Math.abs(’pink‘));//结果为NaN
  5. Math.round():其他数字都是四舍五入,但.5特殊,

    往大的取
  6. 随机数方法:

    Math.random()


    返回一个随机的浮点数,

    在[0,1)之间


    里面不含参数



3.Date对象

  1. Date要通过

    构造函数

    来创建对象

  2. var date = new Date(); console.log(date);
  3. 如果里面没有参数,返回当前系统的当前时间;
  4. 参数常用写法:
数字型2019,10,01 //用逗号分隔
字符串型:‘2019-10-01 8:8:8’
//日期用-隔开,和时间有个空格,时间用冒号隔开
  1. 格式化日期
    在这里插入图片描述

    注意返回的月份会

    小一个月

    ,所以要加1

    星期:

    周日返回的是0


    注意写法:

    在这里插入图片描述

  2. 获取日期总的毫秒形式(时间戳),Date对象是基于1970年1月1日起的毫秒数
    在这里插入图片描述

  3. 倒计时应用:

    用输入的时间的时间戳减去现在的时间戳,得到的就是剩余时间的毫秒数,再去转化为时分秒
    在这里插入图片描述



4.数组对象

  1. 创建数组:
var arr1 = new Array();
//创建了一个空的数组
var arr1 = new Array(2);
//2表示这个数组的长度为2,里面有2个空的数组元素
var arr1 = new Array(2,3);
//表示里面有2个数组元素,分别是2和3
  1. 检测是否为数组:
    在这里插入图片描述

  2. 添加和删除数组元素

    在这里插入图片描述

    在这里插入图片描述

  3. 数组排序
    在这里插入图片描述

  4. 数组索引
    在这里插入图片描述
    在这里插入图片描述

  5. 数组去重
    在这里插入图片描述

  6. 数组转换为字符串
    在这里插入图片描述



5.字符串对象

  1. 基本包装类型:把简单数据类型包装成了复杂数据类型
  2. 字符串的不可变:里面的值不可变,看上去可以修改内容,实际上是

    地址

    变了,内存中新开辟了一个内存空间
  3. 字符串所有的方法,都不会修改字符本身(不可变性),操作完成后会返回一个新的字符串
  4. 根据字符返回位置
    在这里插入图片描述
  5. 求某个字符出现的位置以及次数
    在这里插入图片描述
  6. 根据位置返回字符
    在这里插入图片描述
  7. 统计出现最多的字符和次数
    在这里插入图片描述
    在这里插入图片描述
  8. 字符串的拼接与截取
    在这里插入图片描述
    在这里插入图片描述
  9. 替换字符串/转换为数组
    在这里插入图片描述
    在这里插入图片描述
    注意分隔符取决于

    字符串的分隔符



版权声明:本文为weixin_51186587原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。