首页 > 其他分享 >自定义对象属性操作

自定义对象属性操作

时间:2022-10-28 21:15:57浏览次数:77  
标签:console name 自定义 对象 age person let log 属性

最基本点运算

let person = {
  name: 'henry',
  age: 18,
  run: function() {
    console.log('running');
  }
}

person.run();


属性的读取:
let person = {
  name: 'henry',
  age: 18
}

console.log(person.name);
console.log(person['name']);
//二者输出均为henry

其中方括号里的值可以是个变量:
let person = {
  name: 'henry',
  age: 18
}

let variable = 'name';
console.log(person[variable]);

variable = 'age';
console.log(person[variable]);



读取对象中的对象属性--点运算:
let person = {
  name: 'henry',
  age: 18,
  parents: {
    papa: 'jack',
    mama: 'mary'
  }
}

console.log(person.parents.papa);
console.log(person['parents']['mama']);
//输出jack
   mary



属性的赋值和读取:
let person = {
  name: 'henry',
  age: 18
}

person.name = 'tom';
person['age'] = 10

console.log(person.name);
console.log(person.age);
//输出tom
   10



属性的查看(使用Object.keys方法)
let person = {
  name: 'henry',
  age: 18
}

console.log(Object.keys(person));
//输出一个数组['name','age']


属性的删除(delete):
let person = {
  name: 'henry',
  age: 18
}

delete person.name;

console.log(person);

增加:
let person = {
  name: 'henry',
  age: 18
}

person.gender = 'male'


 


标签:console,name,自定义,对象,age,person,let,log,属性
From: https://www.cnblogs.com/ppch-max/p/16837478.html

相关文章

  • 对象的引入
    对象--键值对的集合:  对象的键名基本都是字符串,键名加不加引号一样letperson={name:'henry',age:18}//和上面的写法意思一样letperson={'name'......
  • JS删除两个数组对象中id相同的对象
    letarr1=[{id:'1',name:'json'},{id:'2',name:'book'}]letarr2=[{id:'1',name:'json',age:'15'},{id:'2',name:'book',age:'16'},{id:'3',name:'......
  • HTML DOM contentDocument 属性
    https://www.jb51.net/w3school/htmldom/prop_iframe_contentDocument.htmcontentDocument属性能够以HTML对象来返回iframe中的文档。下面的例子可从载入iframe的......
  • 企业级自定义表单引擎解决方案(十五)--前端开源说明
    一直做后端开发,前端还真不是强项,半桶水的样子,好在现在前端框架和组件层出不穷,基本上勉强可以上路。自定义表单对前端要求非常高,技术上的难度不亚于后端,而且要考虑扩展性......
  • C#对象转json
     objectobj=new{Provider=appointmentErpStoreEntity.ProvinceName,City=appointmen......
  • JS数组对象排序
    原文地址:https://blog.csdn.net/qq_37899792/article/details/88655920利用数组api——>sort来进行排序varperson=[{name:"Rom",age:12},{name:"Bob",age:22},{name:......
  • vue中的计算属性
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......
  • 13_Vue中的计算属性
    需求两个输入框下方一个全名要求输入框内容发生变化的时候,全名也跟着变化用计算属性很快能写出来,我们先用插值语法和methods配置项完成methods和插值语法方法1使......
  • 14_Vue监视属性
    顾名思义,监视一个属性的变化需求按照之前案例,isHot的值发生改动的时候我需要知道这件事,isHot发生改变,就需要通知我watchkey值:你想监视的属性名(data配置项中的isHot......
  • vs.net 效率提升-自定义快捷键
    工欲善其事必先利其器,记录一下自己开发时常用的几个自定义的快捷键。做了这么多年了用着还是比较顺手的分享下~~~~设置时有时设置不成功,非得一项一......