前端如何将接口返回的key改成你想要的字段

let objArr=[
      {
      "id": 10,
      "value": "会计类"
    }, 
    {
      "id": 21,
      "text": "工程类"
    }, 
    {
      "id":12,
      "value": "技术类"
    },
     {
    "id":11,
    "value": '其他'
  },
{
  "id":8,
  "value":"看书"
},{
  "id":9,
  "value":"健身"
}],
        const keyMap={
          id :"lable",
          text:"value"
        }
        for(let i=0;i<objArr.length;i++){
          let obj=objArr[i];
          for(let key in obj){
            let newKey = keyMap[key]
            if (newKey){
              obj[newKey]=obj[key];
              delete obj[key]
            }
            
          }
        }

objArr结果就会变成

文章参考:https://www.cnblogs.com/Leophen/p/14172142.html

### 实现输入框仅允许输入数字 为了确保 `input` 输入框只接受数字输入,可以采用多种方法来实现这一功能。HTML 提供了原生支持通过设置 `type="number"` 属性来限定输入内容为数值型[^1]。 #### 使用 HTML 原生属性 最简单的方法是在 `<input>` 标签中指定 `type="number"`: ```html <input type="number"> ``` 这种方法仅能够阻止非数字字符的录入,还能提供上下箭头让用户更方便地调整数值大小。过需要注意的是,在某些移动设备上可能会显示默认键盘而非专门设计用于输入数字的小部件。 #### 利用 JavaScript 进行增强控制 如果希望进一步定制行为或兼容旧版浏览器,则可以通过 JavaScript 来监听用户的按键事件并过滤掉非法键入: ```javascript document.querySelector('input[type="text"]').addEventListener('keydown', function(event){ const key = event.key; if (!/^\d$/.test(key) && !['Backspace','Delete'].includes(key)){ event.preventDefault(); } }); ``` 此段脚本会拦截所有符合正则表达式 `/^\d$/` 的按键操作(即除了0到9之间的单个阿拉伯数字外),以及一些特殊用途的关键字如退格和删除键[^2]。 另外一种方式是利用 `oninput` 事件处理程序即时修正用户输入的内容,移除非预期部分: ```html <!-- 结合 HTML 和 JS --> <input type="text" oninput="this.value=this.value.replace(/\D/g,'')"/> ``` 上述代码片段会在每次修改字段时自动清除任何是十进制数位的部分[^3]。 对于 Vue.js 或其他前端框架中的组件开发场景下,还可以考虑借助第三方库提供的验证机制或者自定义指令完成相同效果;例如 Element UI 组件库就内置了一套完整的表单项规则配置选项 `_rules` 可以用来声明性地描述期望的数据格式约束条件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值