JS对象的使用

这次给大家带来JS对象的使用,JS对象使用的注意事项有哪些,下面就是实战案例,一起来看一下。

1.对象的定义

对象:

    - 是复合类型,由简单数据类型和复合数据类型组成的。    - 由一对{ }包起来的,    - 0对或者多对 键名和键值 组成的对,    - 每对键值对 之间用","隔开,最后一个不要加","

登录后复制

2.对象的创建

方式一:通过构造函数创建对象

new Object();

方式二:对象字面量创建对象

{ };

3.为对象添加或者修改属性

方式一:通过“.”

    //通过构造函数创建对象    var obj= new Object();    //为对象添加属性    obj.a=2;    console.log(obj);//{a: 1}        //通过对象字面量创建对象    var t={};    //为对象添加属性    t.a=2;    console.log(t);//{a: 1}    

登录后复制

方式二:“[ ]”

    //通过构造函数创建对象    var obj= new Object();    //为对象添加属性    obj.["a"]=2;    console.log(obj);//{a: 1}        //通过对象字面量创建对象    var t={};    //为对象添加属性    t.["a"]=2;    console.log(t);//{a: 1}    

登录后复制

方式三:直接写在里面

    var obj= {            name: "k",            age: 12,            gender: "male"        }     console.log(obj);//{name: "k", age: 12, gender: "male"}

登录后复制

4.属性值的获取

对象值的获取

- 方式一:对象.键名(属性名);- 方式二:对象["键名"];

登录后复制

5.in 和 for in的使用

in的使用:

  属性名 in 对象名      检测 在 对象中 是否 含有此属性名。

登录后复制

eg:

    var obj={        name:"L";        age:22;    };    console.log(age in obj);//true    console.log(gender in obj);//false

登录后复制

for in的使用:

遍历对象内的所有属性,感觉相当于一个循环。

        var obj={                name:"k",                age:21,                gender:"women"        };        // i是指对象的属性名,会遍历对象的属性值。        for (var i in obj){            console.log("第"+i+"项的属性值为:"+obj[i]);        }        var attr=[1,2,3,4];        for (var i in attr){            console.log("第"+i+"项值为:"+attr[i]);        }

登录后复制

结果截图为:
图片描述

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

PromiseA+的实现步骤详解

react实现选中li高亮步骤详解

以上就是JS对象的使用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2758097.html

(0)
上一篇 2025年3月8日 08:05:39
下一篇 2025年3月8日 08:05:48

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js与jQuery终止正在发送的ajax请求的方法

    这篇文章主要介绍了js与jquery终止正在发送的ajax请求的方法,实例分析了jquery与javascript终止ajax请求的实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了js与jQuery终止正在…

    编程技术 2025年3月8日
    000
  • js隐式类型转换使用步骤详解

    这次给大家带来js隐式类型转换使用步骤详解,js隐式类型转换使用的注意事项有哪些,下面就是实战案例,一起来看一下。 相信刚开始了解js的时候,都会遇到 2 ==’2’,但 1+2 == 1+’2&#821…

    2025年3月8日
    200
  • React中生命周期使用详解

    这次给大家带来React中生命周期使用详解,React中生命周期使用的注意事项有哪些,下面就是实战案例,一起来看一下。 生命周期 React 是一个由虚拟 DOM 渲染成真实 DOM 的过程,这个过程称为组件的生命周期。React 把这个周…

    编程技术 2025年3月8日
    200
  • React中组件通信使用详解

    这次给大家带来React中组件通信使用详解,React中组件通信使用的注意事项有哪些,下面就是实战案例,一起来看一下。 组件通信 在这里只讲 React 组件与组件本身的通信,组件通信主要分为三个部分: 父组件向子组件通信:父组件向子组件传…

    编程技术 2025年3月8日
    200
  • React中样式绑定使用详解

    这次给大家带来React中样式绑定使用详解,React中样式绑定使用的注意事项有哪些,下面就是实战案例,一起来看一下。 普通样式名称使用 —— className app.css .c1{ color: red; width: 100%; …

    编程技术 2025年3月8日
    200
  • React中组件事件使用详解

    这次给大家带来React中组件事件使用详解,React中组件事件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 事件和 ref 事件可以直接写到 DOM 节点,然后通过 ref 来获取 DOM 节点 import React fro…

    编程技术 2025年3月8日
    200
  • 简单谈谈AJAX核心对象

    核心对象是xmlhttprequest,它可以提供不重新加载页面的情况下更新网页,在页面加载后在客户端向服务器请求数据,在页面加载后在服务器端接受数据,在后台向客户端发送数据。     Ajax是2005年2月才诞生但是现在已经炙手可热的一…

    编程技术 2025年3月8日
    200
  • React中组件渲染使用详解

    这次给大家带来React中组件渲染使用详解,React中组件渲染使用的注意事项有哪些,下面就是实战案例,一起来看一下。 组件渲染 —— 条件渲染(动态组件) 很多情况下组件是动态渲染的,比如登录状态,如果已登录则显示退出登录,否则显示登录 …

    编程技术 2025年3月8日
    200
  • React中组件定义使用详解

    这次给大家带来React中组件定义使用详解,React中组件定义使用的注意事项有哪些,下面就是实战案例,一起来看一下。 组件 组件使你可以将 UI 划分为一个一个独立,可复用的小部件,并可以对每个部件进行单独的设计。 在单页面应用(SPA)…

    编程技术 2025年3月8日
    200
  • React中JSX 语法使用详解

    这次给大家带来react中JSX 语法使用详解,react中JSX 语法使用的注意事项有哪些,下面就是实战案例,一起来看一下。 JSX 语法 一种特殊的 js 语法糖,可以在代码中把 html 标签当对象使用,其可以总结成以下几个特点: 不…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论