首页> 文章> 详情

JavaScript 对象属性遍历复制

教程分享 > WEB基础 (645) 2024-04-17 12:33:21

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script type="text/javascript">
  function test(){
    let obj={
        'name':'张三',
        'age':12,
        'school':{
            'id':2,
            'name':'大竹林中学'
        }
    }
    let obj_simple={
        'name':null,
        'age':null,
        'school_id':null
    }
    
    for (let key in obj_simple){
    
        console.log(key,'-key-')
        obj_simple[key]=obj[key]
    }
    
    obj_simple['school_id']=obj.school.id;
    
    console.log(JSON.stringify(obj_simple))
  }
  test();
</script>
</body>
</html>

输出结果:

输出结果

https://www.leftso.com/article/1683712214504050689.html

相关文章
&lt;body&gtl; &lt;script type="text/javascript"&gtl;   function test(){     let obj={        ...
现有js数组数据如下:let dataArray=[{id:1,name:'张三'},{id:2,name:'李四'}];根据id获取js数组的对象let findId=1; let findO...
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
这里讲解的是一种通过扩展原生JS的方式进行日期格式化​首先,在需要使用的地方添加以下代码Date.prototype.format = function(fmt) { var o ...
javascript(js)onclick 传递多个字符变量参数&lt;a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
js 生成二维码引入qrcode.js该框架基于HTML5原生编写,兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考&lt;div id="qrcode"&gtl;&lt;...
JavaScript集合(Array)转树(tree)结构js 原生数组转树形结构 /** * 将list装换成tree * @param {Object} myId 数据主键id * ...
清空input 类型为file的文件选择常见的方法分两类一. javascript 方式清空file选择首先获取dom元素filevar file=document.getElementById...
1.引入依赖js文件&lt;script type="text/javascript" src="/plugin/ckeditor5/ckeditor.js"&gtl;&lt;/s
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方
Ajax Post 下载文件通过原生js实现function ajaxPostDownload(url,fileName,callback) { let xhr = new XMLHt...
在使用bootstrap-table过程中,我们可能会遇到列属性events事件不能生效的问题,并会发现这个问题有时存在有时却又不存在,这是什么原因呢?其实造成events事件失效的原因非常简单...
类库方式实现:&lt;!DOCTYPE html&gtl; &lt;html lang="en"&gtl; &lt;head&gtl; &lt;meta charset="UTF-8"...
Bootstrap Tab基础使用,首先是引入必要的css和js,这里暂时忽略核心代码:&lt;ul class="nav nav-tabs"&gtl; ...
问题说明我有一个自己的图像上传逻辑。 但是当我上传图像时,我想为图像添加一个自定义属性和一个自定义class。所以我的图片上传后应该是这样的:&lt;img clas