当前位置: 首页 > news >正文

javascript 基础知识- 字面量/内置对象

记一个前端基础知识应用过程:

自用版

老规矩 po官网:

字面量

下面是代码:

# vue
...data() {return {// 字面量formData: {otherParameter: [{paramName: "",paramValue: "",},],},// 字面量// 特殊参数 提交后端前拼接到otherParameterspecialParameter: {iamsuperwoman: "true"},
...

提交前处理:对象字面量转成新的对象格式,添加到list当中

... submitFunc() {//....// 转成Object再使用其 entries 和 reduceconst specialOtherParameters = Object.entries(this.specialParameter).reduce((arr, [key, value]) => {const param = { paramName: key, paramValue: value }arr.push(param);return arr;},[]);this.$data.formData.otherParameter.push(...specialOtherParameters);// ...}

提交后展示:

getInfo() {// 数据整理 ...const filterOtherParameter = this.$data.formData.otherParameter.reduce((acc, item) => {// 字面量的属性是否匹配 用inif(item.paramName in this.specialParameter ){//  字面量的属性赋值this.specialParameter[item.paramName] = item.paramValue} else {acc.push(item)}return acc;}, [])    this.$data.formData.otherParameter = filterOtherParameter;}

开发过程中注意到Object / Map 与对象字面量的区别:

  1. obj.entries() obj.keys() map.set()是对象的方法, 字面量没有
  2. 字面量的属性判断可以用 in
  3. 字面量的属性赋值 需要用 wordValue[paramName]=paramValue

po 官网:
内置对象

http://www.dtcms.com/a/352051.html

相关文章:

  • LVGL学习
  • 【设计模式】 面向对象基础
  • K8S-Service资源对象
  • 虚拟机中kubeadim部署的k8s集群,虚拟机关机了,重新开机后集群状态能否正常恢复的两种可能(详解)
  • 114、【OS】【Nuttx】【周边】效果呈现方案解析:-print0 补充(下)
  • WeakAuras Lua Script ICC (BarneyICC) Simplified Chinese [Mini]
  • WeakAuras Lua Script (My Version)
  • 【数据分享】各地级市当年实际使用外商外资金额(2003-2021)-有缺失值
  • 【AI Agent三】工具使用设计模式
  • 系统设计(数据库/微服务)
  • 基于Python+AlphaBot 实现红外遥控且自动避障的嵌入式智能小车系统
  • Cursor 中文输出设置:繁体改为简体的方法
  • uniapp 页面favicon.ico文件不存在提示404问题解决
  • uniapp 自动升级-uni-upgrade-center
  • 家庭事务管理系统|基于java和vue的家庭事务管理系统设计与实现(源码+数据库+文档)
  • 【Python实战练习】用 Python与Pygame 打造完整的贪吃蛇小游戏
  • Elasticsearch中的设置refresh_interval
  • Linux SSH 密钥认证登录原理与配置指南
  • linux下的网络编程:TCP(传输控制协议)编程
  • 数据结构(C语言篇):(一)算法复杂度
  • 复盘一个诡异的Bug之FileNotFoundException
  • 数据结构的线性表 之 链表
  • 二、JVM 入门——(三)栈
  • 动手学深度学习(pytorch版):第七章节—现代卷积神经网络(2)使用块的网络(VGG)
  • MyBatis 流式查询详解
  • 使用 mcp-use 构建极简 Web 自动化测试智能体「喂饭教程」
  • 前端漏洞(上)- CORS漏洞
  • 静态HTML网页模板设计与实现
  • python基础-面向对象编程(OOP)
  • 我们来学mysql -- safe启动