用JS创建json数据,并且可以动态往json数据里面添加新值,也可以修改值。

函数不需要 return,因为 json 对象会被函数直接修改。

var str1 = {"name": "apple", "sex": "21"};
                 
// 参数:prop = 属性,val = 值
function createJson(prop, val) {
    // 如果 val 被忽略
    if(typeof val === "undefined") {
        // 删除属性
        delete str1[prop];
    }
    else {
        // 添加 或 修改
        str1[prop] = val;
    }
}

下面为测试

// 无改动,输出 Object {name="apple", sex="21"}
console.log(str1);
                                          
// 添加属性 color,值为 red
createJson("color", "red");
                                          
// 输出 Object {name="apple", sex="21", color="red"}
console.log(str1);
                                          
// 修改属性 name 的值为 banana
createJson("name", "banana");
                                          
// 输出 Object {name="banana", sex="21", color="red"}
console.log(str1);
                                          
// 删除属性 sex
createJson("sex");
                                          
// 输出 Object {name="banana", color="red"}
console.log(str1);

函数应该有三个参数的,第一个为 json 对象,但只写了两个,所以函数只能用于修改 str1

  • 1
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现在浏览器页面中展示本地 Excel 文件,可以通过以下步骤实现: 1. 使用 JavaScript FileReader API 读取本地 Excel 文件,并将其转换为二进制数据。 2. 使用第三方库如 SheetJS 或 Handsontable 解析 Excel 文件,并将其转换为可视化的数据表格。 3. 将解析出的数据表格插入到 HTML 页面中,以展示在浏览器页面中。 以下是一个基本实现的代码示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>展示本地 Excel 文件</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script> </head> <body> <input type="file" id="fileInput" /> <div id="table"></div> <script> const fileInput = document.getElementById('fileInput'); const tableDiv = document.getElementById('table'); fileInput.addEventListener('change', (event) => { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (event) => { const data = new Uint8Array(event.target.result); const workbook = XLSX.read(data, {type: 'array'}); const sheetName = workbook.SheetNames[0]; const worksheet = workbook.Sheets[sheetName]; const json = XLSX.utils.sheet_to_json(worksheet, {header: 1}); const table = buildTable(json); tableDiv.innerHTML = ''; tableDiv.appendChild(table); }; reader.readAsArrayBuffer(file); }); function buildTable(data) { const table = document.createElement('table'); for (let i = 0; i < data.length; i++) { const row = table.insertRow(-1); for (let j = 0; j < data[i].length; j++) { const cell = row.insertCell(-1); cell.textContent = data[i][j]; } } return table; } </script> </body> </html> ``` 这个示例中使用了 SheetJS 库来解析 Excel 文件,使用了 HTML 的 `<table>` 元素来展示数据表格。用户选择本地 Excel 文件后,会触发 `change` 事件,然后读取文件并解析成数据表格,并插入到 HTML 页面中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值