Vue 学习随笔系列十四 -- JavaScript巧妙用法

JavaScript巧妙用法

文章目录

  • JavaScript巧妙用法
      • 1、String.padStart 函数
      • 2、String.padEnd 函数
      • 3、tirm 函数
      • 3. Object.freeze 函数
      • 4. Object.fromEntries 函数
      • 5. Object.entries 函数
      • 6. Array.prototype.flat 函数


1、String.padStart 函数

在字符串前面进行填充

let temp = 'saade'
// 输出一个长度为8的字符串,长度不够时,在前面填充 r 
const str1 = temp.padStart(8, 'r') 
console.log(str1) // 'rrrsaade'

2、String.padEnd 函数

在字符串后面进行填充

let temp = 'saade'
// 输出一个长度为8的字符串,长度不够时,在前面填充 r 
const str1 = temp.padEnd (8, 'r') 
console.log(str1) // 'saaderrr'

3、tirm 函数

String.prototype.trimStart() 去除字符串开头的空白
String.prototype.trimEnd() 去除字符串结尾的空白

const temp = '  saade'
// 去除字符串前面的空白
const str1 = temp.trimStart(8, 'r') 
console.log(str1) // 'saade'const temp1 = 'saade '
// 去除字符串后买你的空白
const str2 = temp.trimEnd()
console.log(str2) // 'saade'const temp2 = '  saade  '
// 去除字符串后买你的空白
const str2 = temp.trim()
console.log(str2) // 'saade'

3. Object.freeze 函数

冻结对象,使其不可变且属性不可修改

const obj = {name: "xiaoming",age: 18,
}
Object.freeze(obj);
obj.name = "xiaoli"
console.log(obj) // {name: "xiaoming", age: 18}

4. Object.fromEntries 函数

将键值对列表转换为对象

const arr= [['name', 'xiaoming'], ['age', 18]];
const temp= Object.fromEntries(arr);
console.log(temp); // { name: 'xiaoming', age: 18}

5. Object.entries 函数

把一个对象的键值以数组的形式遍历出来

const temp = 'saade'
console.log(Object.entries(temp)) // ['0', 's']['1', 'a']['2', 'a']['3', 'd']['4', 'e']const num = 122344
conso.log(Object.entries(num )) // []const obj = {name: "xiaoming",age: 18,
}console.log(Object.entries(obj)) // [{name: "xiaoming", age: 18}]const obj1 = {xiaoming: {sex: '女',age: 18},xiaoli: {sex: '男',age: 20	}
}
console.log(Object.entries(obj1)) // [xiaoming, {sex: "女", age: 18}] [xiali, {sex: "男", age: 20}]

6. Array.prototype.flat 函数

格式化字符串
Array.prototype.flat()创建一个新数组,将嵌套数组中的所有子元素,递归到其中

const temp = [1, ['xiaoming', ['2'], [3]]]
console.log(222, temp.flat()) // [1, "xiaoming", ['2'], [3]]
// 不指定递归深度
const temp1 = [1, [2, [3, [4]]]]
console.log(222, temp1.flat())

在这里插入图片描述

// 指定递归深度const temp = [1, [2, [3, [4]]]]console.log(222, temp.flat(999))

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/60300.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

docker运行ActiveMQ-Artemis

前言 artemis跟以前的ActiveMQ不是一个产品,原ActiveMQ改为ActiveMQ Classic, 现在的artemis是新开发的,和原来不兼容,全称:ActiveMQ Artemis 本位仅介绍单机简单部署使用,仅用于学习和本地测试使用 官网:…

商场试衣间惊现隐藏摄像头:小澄检测仪助力博主影子揭露

在信息时代,隐私安全如同一座需要时刻守护的堡垒。然而,近期公共场所出现的针孔摄像头事件,让这座堡垒遭受了严峻冲击。科普博主影子不会说谎近日发布视频,再度曝光隐藏在商场服装店试衣间的针孔摄像头,引发公众关注。…

【MATLAB仿真】基于matlab的圆形阵列的波束形成进行仿真

摘要 本文研究了基于圆形阵列的波束形成技术,并利用MATLAB对其进行仿真分析。圆形阵列波束形成在现代无线通信、雷达和声学等领域具有广泛的应用,能够有效提高信号的方向性和抗干扰能力。本文通过改变阵列半径及入射角,对波束图进行了仿真分…

遗传算法与深度学习实战(23)——利用遗传算法优化深度学习模型

遗传算法与深度学习实战(23)——利用遗传算法优化深度学习模型 0. 前言1. 神经进化2. 使用遗传算法作为深度学习优化器小结系列链接 0. 前言 神经进化涵盖了所有用于改进深度学习的进化算法。更具体地说,神经进化用来定义应用于深度学习的特…

AG32 FPGA部分简单开发

环境 Quartus 13.0(Quartus 不能使用Lite 版本,需要使用Full 版本)AGM SDKSupra(快捷方式在SDK目录下,具体路径为AgRV_pio\packages\tool-agrv_logic\bin) FPGA编程 在AG32芯片中,拥有异构双…

github使用基础

要通过终端绑定GitHub账号并进行文件传输,你需要使用Git和SSH密钥来实现安全连接和操作。以下是一个基本流程: 设置GitHub和SSH 检查Git安装 通过终端输入以下命令查看是否安装Git: bash 复制代码 git --version配置Git用户名和邮箱 bash …

hive修改表名、修改列名、修改分区

文章目录 一、修改表二、修改列三、修改分区 官网地址:https://cwiki.apache.org/confluence/display/Hive/GettingStarted#GettingStarted-AlteringandDroppingTables 一、修改表 1、重命名表名 ALTER TABLE table_name RENAME TO new_table_name示例: 将user表…

告别复杂协作:Adobe XD的简化替代方案

Adobe XD是一款集成UI/UX设计和原型创建功能的设计平台。它允许用户进行网页、移动应用的设计,以及原型的绘制,并且能够将静态设计转化为动态的交互原型。尽管Adobe XD提供了这些功能,但它依赖于第三方插件,且插件库有限&#xff…

React Hooks在现代前端开发中的应用

💓 博客主页:瑕疵的CSDN主页 📝 Gitee主页:瑕疵的gitee主页 ⏩ 文章专栏:《热点资讯》 React Hooks在现代前端开发中的应用 React Hooks在现代前端开发中的应用 React Hooks在现代前端开发中的应用 引言 React Hooks …

前后端、网关、协议方面补充

这里写目录标题 前后端接口文档简介前后端视角对于前端对于后端代码注册路由路由处理函数 关于httpGET/POST底层网络关于前端的获取 路由器网关路由器的IP简介公网IP(WAN IP)私网IP(LAN IP)无线网络IP(WIFI IP)查询路由器私网IP路由器公网IP LAN口与WIFI简介基本原理 手动配置电…

YOLOv9改进 ,YOLOv9改进损失函数采用SlideLoss来处理样本不平衡问题

摘要 作者提出了一种基于 YOLOv5 改进的实时人脸检测模型,称为YOLO-FaceV2。设计了一个感受野增强模块(RFE)来提升小尺度人脸的感受野,并引入了 NWD 损失,以弥补 IoU 在小目标位置偏差上的敏感性。针对人脸遮挡问题&a…

uni-app中使用 unicloud 云开发平台③

文章目录 六、hbuilderX 中使用 unicloud 云开发平台文档传统业务开发流程什么是 unicloudunicloud 优点开发流程uncloud 构成云数据库云存储及 CDN创建云函数工程七、unicloud api 操作云函数调用云函数实现云数据库基本增删改查1. 获取数据库引用云存储操作六、hbuilderX 中使…

用 Python 从零开始创建神经网络(五):损失函数(Loss Functions)计算网络误差

用损失函数(Loss Functions)计算网络误差 引言1. 分类交叉熵损失(Categorical Cross-Entropy Loss)2. 分类交叉熵损失类(The Categorical Cross-Entropy Loss Class)展示到目前为止的所有代码3. 准确率计算…

PDF24:多功能 PDF 工具使用指南

PDF24:多功能 PDF 工具使用指南 在日常工作和学习中,PDF 是一种常见且重要的文档格式。无论是查看、编辑、合并,还是转换 PDF 文件,能够快速高效地处理 PDF 文档对于提高工作效率至关重要。PDF24 是一款免费、功能全面的 PDF 工具…

java数据结构与算法:栈

栈 1、栈的基本概念2、Java模拟简单的顺序栈实现3、增强功能版栈4、利用栈实现字符串逆序5、利用栈判断分隔符是否匹配6、总结 1、栈的基本概念 **栈(英语:stack)**又称为堆栈或堆叠,栈作为一种数据结构,是一种只能在…

【Conda】Windows下conda的安装并在终端运行

下载 在官网下载 https://www.anaconda.com/download/success 安装 双击 一直下一步安装 配置环境变量 为了在终端运行,需配置环境变量 进入到安装conda的目录并复制路径 设置高级环境变量 在终端运行 输入: conda list表明可以正常运行 参考…

游戏引擎学习第七天

视频参考:https://www.bilibili.com/video/BV1QFmhYcE69 ERROR_DEVICE_NOT_CONNECTED 是一个错误代码,通常在调用 XInputGetState 或 XInputSetState 函数时返回,表示指定的设备未连接。通常会出现以下几种情况: 未连接控制器:如…

【网络安全渗透测试零基础入门】之SNMP放大攻击原理及实战演示,零基础入门到精通,收藏这一篇就够了!

前言 这是小强给粉丝盆友们整理的网络安全渗透测试入门阶段dos与ddos渗透与防御教程。 喜欢的朋友们,记得给我点赞支持和收藏一下,关注我,学习黑客技术。 SNMP(Simple Network Management Protocol ):简单…

el-dialog 设置 水平垂直居中 高度不固定

小记一下: 希望实现不管内容高度多少 el-dialog都能水平垂直居中 效果: css: .form-view-dialog{display: flex;align-items: center;justify-content: center;.el-dialog{margin: 0 auto; }.el-dialog__body{max-height: 75vh; // 可选择 设置一个最…

EMC Plus:外壳中的 PCB 演示

EMC Plus 提供了计算任何导入的近场源文件的字段统计信息的高级功能。在本演示中,我将指导您完成分析辐射电场的分步工作流程,特别是由 EMC Plus 中从 SIwave 导入的近场源产生的辐射电场。让我们开始吧! 概述 以下模型是计算机机箱&#x…