首页 > 其他分享 >JS删除对象中的某一属性(delete)

JS删除对象中的某一属性(delete)

时间:2023-05-19 15:36:15浏览次数:38  
标签:obj name 删除 对象 JS delete 属性


通过delete操作符, 可以实现对对象属性的删除操作

<!--
 * @Descripttion: 删除对象以及数组对象中的指定属性
 * @version: 
 * @Author: zhangfan
 * @email: [email protected]
 * @Date: 2020-07-03 09:10:28
 * @LastEditors: zhangfan
 * @LastEditTime: 2020-07-15 15:03:00
--> 

<template>
  <div class="container">
    <el-button type="primary" @click="delteObjAttributes">删除对象以及数组对象中的指定属性</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        name: "zhangsan",
        age: 30,
        sex: "man",
        hobby: "running"
      }
    };
  },
  methods: {
    delteObjAttributes() {
      delete this.obj.name;
      console.log(this.obj);
    }
  }
};
</script>

<style  scoped lang="less">
</style>

JS删除对象中的某一属性(delete)_数组


备注:已声明的对象不可删除, 对象中的对象属性可以删除


标签:obj,name,删除,对象,JS,delete,属性
From: https://blog.51cto.com/u_16120408/6312743

相关文章

  • js中的foreach用法
    刚才采用foreach来遍历数组,达到格式化el-table中的数据,发现用foreach不生效,但是用户for循环没问题。吓我一跳,赶紧看了一下js中的foreach用法,没毛病啊。用了这么多年难道还会用错。<!--*@Descripttion:js中的foreach用法*@version:*@Author:zhangfan*@email:220704......
  • Cookie的使用(js-cookie插件)
    1.js-cookie一个简单,轻巧的JavaScriptAPI,用于处理Cookie2.安装npminstalljs-cookie--save3.引用importCookiesfrom'js-cookie'Vue.prototype.$Cookies=Cookies;4.创建<!--作者:zhangfan页面名称:Cookie的使用(js-cookie插件)--><template><divid="produc......
  • JSON.parse和JSON.stringify方法详解
    1.JSON.parse()用于从一个字符串中解析出json对象<!--作者:zhangfan页面名称:JSON.parse()、JSON.stringify()使用方法--><template><divid="product-list-one"><button@click="jsonParse()">执行jsonParse</button></div><......
  • JSP
    JSP已经过时的技术,但是还是有必要了解一些,因为现在仍然有可能在维护以前的旧项目。1、什么是jsp,他有什么用?jsp全称是javaserverpages。java的服务器页面。jsp的主要作用是代替Servlet程序回传html页面的数据。因为Servlet程序回传html页面数据是一件非常繁琐的事情,开发成本......
  • JSON、AJAX、i18n
    JSON、AJAX、i18n1、什么是JSON?1.1、JSON在JavaScript中的使用1.1.1、JSON的定义json是由键值对组成,并且由花括号(大括号)包围,每个键由引号引起来,键和值之间使用冒号进行分割,多组键值对之间进行逗号分隔。//json的定义varjsonobj={"key1":12,"key2":"abc",......
  • Vue.js学习记录之在元素与template中使用v-if指令实例(转贴)
    语法比较简单,直接上代码:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title></title> <scriptsrc="https://cdn.bootcss.com/vue/2.2.2/vue.......
  • flvjs使用过程中报The play() request was interrupted by a call to pause()的原因和
    原因:从表层来看,它的原因是因为在播放出来视频之前就已经被调用了pause方法停止了。但是造成这个过程的真正原因是什么呢?资源加载不成功可能是你的接口写错了,导致没有资源,虽然这是一个很小的可能,但是千万不要忽视每一个小的点时机不对这个时候就是说可能你接口是对的,只是获取......
  • Nestjs
    Nest是一个用于构建高效,可扩展的 Node.js 服务器端应用程序的框架。它使用渐进式JavaScript,内置并完全支持 TypeScript(但仍然允许开发人员使用纯JavaScript编写代码)并结合了OOP(面向对象编程),FP(函数式编程)和FRP(函数式响应编程)的元素。在底层,Nest使用强大的HTTPServer框......
  • ExtJs GridPanel 自定义汇总
    {text:'订单金额',dataIndex:'amount',renderer:function(value){returnExt.util.Format.number(value,'0.00');},summaryType:function(records){varamount=0;varlength=records.length;for(var......
  • js数字超过一万转换为万、亿
    consttransNumberToShort=(value,decimal=2)=>{constBASE=10000;constSIZES=["","万","亿","万亿"];leti=undefined;letstr="";if(isNaN(value)){thrownewError("The......