JS学习：JS中的对象

神仙鱼122

已于 2025-02-02 22:21:13 修改

阅读量841

点赞数 30

文章标签：学习

于 2025-02-02 22:20:52 首次发布

本文链接：https://blog.youkuaiyun.com/2301_80270332/article/details/145422748

版权

文章目录

一、创建对象

对象是由属性及其值构成的集合，其中每个属性由一个键（通常是字符串）和一个对应的值（可以是字符串、数字、数组、函数、甚至是另一个对象）组成。对象的属性还可以是方法。

对象的声明通常如下:

let 对象名 = {
属性:值
方法:匿名函数(){
}}

let good = {
      name: '米10',
      num: '100012816024',
      weight: '0.55kg',
      address: 'china',
      fansname: '米粉',
      playVideo: function () {
        console.log('播放视频');

      }
    }

创建一个商品对象。

二、对象的操作

1.查询对象的属性

对象.属性

属性不能有引号''

对象['属性']

这种访问方式下属性两边必须有引号''(传入的必须为字符串)，因为有些属性名带短横线，如果直接访问属性-属性会识别为属性减属性，返回undefined。

调用对象的方法与查询属性操作一致，这里一并介绍

对象.方法()

调用函数和方法一定要有圆括号(不论内置函数或自建函数方法)

2.删除对象的属性

delete 对象名.属性名

删除对象属性很简单，delete要删除的属性名即可

3.增加或修改对象的属性

增加和修改属性本质上是一样的，就是为对象的属性赋一个新的值，只不过增加属性的属性也是新的。

修改属性的值：

对象.属性 = 新的值

这里将商品名修改为了米15，

增加新的属性：

对象.新属性 = 新属性的值

增加新的属性价格price，值为4500。查看对象可以看到名字被修改，添加了新属性价格。

初始值和修改后的值都可以随意设定，与现实商品无关。

4.遍历对象

遍历对象与遍历数组不同，遍历数组可以通过数组长度arr.length控制遍历次数，因此遍历数组可以用：

for(let i=0;i<arr.length;i++){
    console.log(arr[i])
}

而对象没有长度，需要用

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

k被依次赋值为对象中的属性名，注意这里的k是字符串，也就是说k是'属性'，因此访问对象属性的值要用对象[k]。

5.数组存储对象

当有多个对象需要管理时，可以用数组存储这些对象。这时数组每个元素为一个对象。

访问这些对象的属性时就需要先从数组中访问对象，因此需要遍历数组，再访问数组元素的属性。

三、内置对象

在JS中有很多内置的对象，不需要创建对象就能访问对象的属性和方法，例如document对象，alert()和prompt()方法都是document的方法，只不过document一般省略不写。利用好这些内置对象和方法，可以很好的帮助我们实现程序的功能。这里简单介绍math对象的几个方法。

取整函数

math.ceil(数据)
math.floor(数据)

ceil为天花板即向上取整，floor为地板即向下取整

与floor()方法类似的还有parseInt()方法，但是parseInt()比floor更强大能够提取字符串中的数字再向下取整。

随机函数

math.random()

随机函数生成[0,1)间的随机数，取值范围左闭右开。如果想要生成其他范围的随机数，则需要对生成的随机数做加减乘除运算。

生成的随机数×3得到0-3之间的随机数，范围左闭右开。

生成一个n~m的随机数，范围左闭右闭。以传入的5和9为例，在函数中n-m+1为区间长度+n为随机数的左边界，9-5+1=5，n为5，区间为5-10左闭右开，最终为5-9之间的随机数。

四舍五入函数

math.round(数据)

对数据进行四舍五入运算。