js对象操作(object)
时间:2023-08-26
本文章向大家介绍js对象操作(object),主要内容包括声明对象、对象赋值、对象动态赋值、 JavaScript 判断对象属性是否存在(对象是否包含某个属性)、判断是否是自身属性、 修改对象属性值、使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
声明对象
var can_args = new Object();
对象赋值
can_args={"vue":300,"jquery":200……};
对象动态赋值
第一种:
let key = "id"; let value = 2 can_args[key] = value;
第二种:
var obj1={"vue":300,"jquery":200}; var obj2={"react":500}; can_args={ obj1, obj2 }
第三种:
let obj4 = {a:"1"}; let obj5 = {b:"2"}; let obj6 = {c:"3"}; can_args.assign(obj4,obj5,obj6);
参考文献:js动态往对象添加数据_js往对象中添加数据_Herib的博客-CSDN博客
JavaScript 判断对象属性是否存在(对象是否包含某个属性)
第一种:使用 in 运算符,用法是属性名 in 对象,如果存在返回 true,反之为 false,来看个例子
(in
只能判断对象有没有这个属性,无法判断这个属性是不是自身属性)
var echo = { name:'听风是风', job:undefined }; console.log('name' in echo); //true console.log('job' in echo); //true console.log('age' in echo); //false
判断是否是自身属性
一个最简单的构造函数创建实例的例子:
function Parent(){ this.name = 'echo'; }; Parent.prototype.age = 26; var o = new Parent(); o.name//echo o.age//26
在这个例子中,对于实例 o 而言,name 就是是自身属性,这是它自己有的,而 age 是原型属性,o 虽然没有这个属性,但在需要时,它还是顺着原型链找到了自己的老父亲 Parent,并借用了这个属性。
所以当我们用 in 判断时可以发现结果均为 true:
'name' in o;//true 'age' in o;//true
针对这个问题,如果我们还要判断是否是自身属性,就得借用方法hasOwnProperty()
,
hasOwnProperty()
做了两件事,除了判断对象是否包含这个属性,还判断此属性是不是对象的自身属性。
o.hasOwnProperty('name');//true o.hasOwnProperty('age');//false
参考文献:JavaScript 判断对象属性是否存在(对象是否包含某个属性)_js 查找属性_thankseveryday的博客-CSDN博客
修改对象属性值
当对象以数字为属性名时,其实就是一个数组,用[’’]
var foo={1:'a',2:'b'} foo['1']='c' console.log(foo) // { 1: "c", 2: "b" }
当对象以字符为属性名时,直接用.获取属性值
var bar = {a:1,b:2,c:3} bar.a= 'hello';
//或
bar["a"]='hello'; console.log(bar) //{ a: "hello", b: 2, c: 3 }
其中就是[]与.的区别,中括号运算符[]可以存取数组元素值,使用点运算符.可以存取对象属性值。
参考文献:
JS修改对象属性的值_js修改对象的某个属性的值_龙井茶奇遇的博客-CSDN博客
JS操作对象属性(获取、添加、删除、修改对象属性) (biancheng.net)
原文地址:https://www.cnblogs.com/ZhuMeng-Chao/p/17658541.html
- Leetcode-Easy 728. Self Dividing Numbers
- Leetcode-Easy 412. Fizz Buzz
- 洛谷P2678 跳石头
- 洛谷P2863 [USACO06JAN]牛的舞会The Cow Prom
- 洛谷P1908 逆序对(归并排序)
- 洛谷P1137 旅行计划
- 洛谷P1722 矩阵 II
- 洛谷P1976 鸡蛋饼
- 洛谷P1420 最长连号
- 各种读入方式速度比较
- 美团NLP实习面试总结一 基本知识4 数据结构二 NLP相关技术1 LSTM2 介绍实体链接与实体映射3 解释随机游走的原理及作用4 命名实体识别
- 【下载】苹果发布Turi Create机器学习框架,5行代码开发图像识别
- codevs 4163 hzwer与逆序对
- ASP.NET Core提供模块化Middleware组件
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Koa - 中间件(理解中间件、实现一个验证token中间件)
- Koa - 使用koa-multer上传文件(上传限制、错误处理)
- 原生js 复制内容到剪切板
- Vue - watch高阶用法
- 小程序如何支持使用 async/await (构建npm版)
- require.context批量引入文件
- Node笔记 - process.cwd() 和 __dirname 的区别
- 小程序如何支持使用 async/await
- 小程序 - 如何自定义导航栏
- protobuf 语法 与 protocol-buffers 的使用
- 小程序 - 简单实现mixin功能
- 记录一些小技巧-CSS篇
- 记录一些小技巧-JS篇
- 初次在Vue项目使用TypeScript,需要做什么
- VScode - 10个提高工作效率的快捷键