js对象常见操作(添加、删除、判断属性)

建一个空对象user:
var user=new Object();

1.添加属性

1.1.一般添加属性(属性名已知)
这时user 对象没有任何属性和方法,显然没有任何用途。但可以为它动态的添加属性和方法,例如:
user.name=”jack”;
user.age=21;
user.sex=”male”;

user["height"] = 158;  //采用方括号([])语法

user.alert=function(){  //添加方法
alert(“my name is:”+this.name);
}

1.2.动态添加属性(属性名未知)

var p = "name";

user[p] = "jack" ;    //相当于user.name = "jack"

2.修改属性
修改一个属性的过程就是用新的属性替换旧的属性,例如:
user.height = 160;

3 . 删除属性

delete user.name;//删除属性

console.log(user.name);//undefined

4.判断对象是否含有某个属性

4.1方法一:in方法

alert(‘name‘ in user); // --> true

alert(‘weight‘ in user); // --> false

alert(‘toString‘ in user); // --> true

NT:可看到无论是name,还是原形链上的toString,都能检测到返回true。

4.2方法一:hasOwnProperty 方法

user.hasOwnProperty(‘name‘); // --> true

user.hasOwnProperty(‘toString‘); // --> false

NT:原型链上继承过来的属性无法通过hasOwnProperty检测到,返回false。需注意的是,虽然in能检测到原型链的属性,但for in通常却不行。

for in的更多知识详见for in的缺陷 。

原文地址:https://www.cnblogs.com/mingli-jian/p/8676362.html

时间: 2024-11-02 17:38:22

js对象常见操作(添加、删除、判断属性)的相关文章

JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作

html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick="add()">add</button> </div> <div id="a3"> <button onclick="del()">del</button> </div> &l

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

JS 数组常见操作汇总,数组去重、降维、排序、多数组合并实现思路整理

壹 ? 引 JavaScript开发中数组加工极为常见,其次在面试中被问及的概率也特别高,一直想整理一篇关于数组常见操作的文章,本文也算了却心愿了. 说在前面,文中的实现并非最佳,实现虽然有很多种,但我觉得大家至少应该掌握一种,这样在面试能解决大部分数组问题.在了解实现思路后,日常开发中结合实际场景优化实现,提升性能也是后期该考虑的. 本文主要围绕数组去重.数组排序.数组降维.数组合并.数组过滤.数组求差集,并集,交集,数组是否包含某项等知识点展开,附带部分知识拓展,在看实现代码前也建议大家先自

jQuery08源码 (5140 , 6057) DOM操作 : 添加 删除 获取 包装 DOM筛选

jQuery.fn.extend({ //$('ul').find('li').css('background','red'); //$('ul').find( $('li') ).css('background','red'); find: function( selector ) { var i, ret = [], self = this, len = self.length; if ( typeof selector !== "string" ) {//$('li') //jQ

浅谈js对象之数据属性、访问器属性、Object.defineProperty方法

一.对象 这个不用多说,常见的几种创建对象的方法有: 1.通过构造函数创建对象,如下所示: function Person(){ } var person = new Person(); 2.通过Object创建简单对象,例如: var obj = new Object(); 3.通过字面量创建对象. var obj = {}; 常用的一般是第一种和第三种方法. 二.属性类型 javascript中有两种属性:数据属性和访问器属性,确切的说这两种特性是用来描述对象属性的各种特征,比如说这个对象属

jquery17 DOM操作 : 添加 删除 获取 包装 DOM筛选

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script src="jquery-2.0.3.js"></script> <script> $(f

js DOM常见操作

1. 元素的获取. 常见的有四种方法. (1)document.getElementById():获取对应ID的元素.ID是不能有重复的.所以返回的是一个元素.   (2)   document.getElementsByTagName():获取对应的标签元素.返回一个数组.   (3)   document.getElementsByClassName():通过class来获取元素.返回的也是一个数组.注:此方法在IE8浏览器下是不兼容的. (4)   document.getElements

js对象数组操作之一:对象数组中对象去重的方法总结

在日常开发业务中,经常会有一个数组由多个对象构成,需要对这种数据结构进行操作,如下: const arr = [ { name:'tom', age:15 }, { name:'jack', age:18 }, { name:'tom', age:10 }, ...] 今天总结了一下 先说这种数据结构的去重方法,对于数组中的多个对象去除重复,需要设置布尔值来进行. 一.jquery方法 var oldArr = [ { name:'tom', age:15 }, { name:'jack', a

用WebService实现对数据库进行操作(添加+删除+修改)(转)

转自:http://blog.csdn.net/beyondqd/article/details/6703169 表为User,字段有 编号: int id,用户名:string UserName,密码:string UserPwd    /// <summary>    /// 添加          /// </summary>    /// <param name="name">用户名</param>    /// <para