前端工具方法整理

在这里插入图片描述

文章目录

  • 1.在数组中找到匹配项,然后创建新对象
  • 2.对象转JSON字符串
  • 3.JSON字符串转JSON对象
  • 4.有个响应式对象,然后想清空所有属性
  • 5.判断参数不为空
  • 6.格式化字符串
  • 7.解析数组内容用逗号拼接
  • 8.刷新整个页面

1.在数组中找到匹配项,然后创建新对象

const modifiedRecords = ref([])
const handleBlur = (record) => {const index = modifiedRecords.value.findIndex(item => item.serialNo === record.serialNo);if (index !== -1) {modifiedRecords.value[index] = { ...record };} else {modifiedRecords.value.push({ ...record });}
}

在 JavaScript 中,{ ...record } 是一种对象展开运算符(spread operator)的用法。它用于将一个对象的所有可枚举属性复制到一个新对象中。具体来说,{ …record } 的作用是创建一个新的对象,该对象具有与 record 相同的属性和属性值。
这里的 { ...record } 确保了更新时不会直接修改 record 对象,而是创建了一个新的对象,这在处理状态管理和数据更新时是一个良好的实践。

2.对象转JSON字符串

JSON.stringify(response.principal)

3.JSON字符串转JSON对象

JSON.parse(principal)

4.有个响应式对象,然后想清空所有属性

const checkedList = reactive({})
Object.keys(checkedList).forEach(key => {delete checkedList[key];
});

5.判断参数不为空

if (data.note1 == undefined || data.note1 == null || data.note1 == "") {param.remark = "";
} 

6.格式化字符串

在 Java 中,String.format 和 MessageFormat 都可以用于格式化字符串,但它们的用法和适用场景有所不同。下面是对这两种方法的详细比较和用法示例。

  1. String.format
    String.format 是一个静态方法,用于创建格式化字符串。它使用 C 语言风格的格式说明符,适合于简单的字符串格式化。

用法示例

String name = "Alice";
int age = 30;// 使用 String.format 进行格式化
String formattedString = String.format("My name is %s and I am %d years old.", name, age);
System.out.println(formattedString); // 输出: My name is Alice and I am 30 years old.

格式说明符

  • %s:字符串
  • %d:整数
  • %f:浮点数
  • %x:十六进制整数
  1. MessageFormat
    MessageFormat 是一个用于国际化的类,它允许你在字符串中使用占位符,并根据提供的参数进行格式化。它适合于需要处理多语言和复杂格式的场景。

用法示例

import java.text.MessageFormat;String name = "Alice";
int age = 30;// 使用 MessageFormat 进行格式化
String pattern = "My name is {0} and I am {1} years old.";
String formattedMessage = MessageFormat.format(pattern, name, age);
System.out.println(formattedMessage); // 输出: My name is Alice and I am 30 years old.

占位符

  • {0}:第一个参数
  • {1}:第二个参数
  • 可以继续使用 {2}、{3} 等来引用后续参数。

主要区别

  1. 格式化语法:
    • String.format 使用 % 符号和格式说明符。
    • MessageFormat 使用 {} 占位符。
  2. 国际化:
    • MessageFormat 更适合用于国际化,因为它支持格式化日期、数字和货币等更复杂的格式。
    • String.format 主要用于简单的字符串格式化。
  3. 性能:
    • 在简单的格式化场景下,String.format 可能更快,因为它的实现相对简单。
    • MessageFormat 在处理复杂的国际化需求时更为强大,但可能在性能上稍逊一筹。
  4. 选择建议
    • 如果你只需要进行简单的字符串格式化,并且不需要国际化支持,可以使用 String.format。
    • 如果你的应用需要处理多语言,或者需要格式化日期、货币等复杂类型,建议使用 MessageFormat。
  5. 总结
    • String.format: 用于简单的字符串格式化,适合快速格式化。
    • MessageFormat: 用于国际化和复杂格式化,适合需要处理多种格式的场景。

7.解析数组内容用逗号拼接

我有个[“0”, “1”, “2”, “3”, “4”],我想输出:“0,1,2,3,4”

const warningNotice = ["0", "1", "2", "3", "4"];
const warningNoticeString = warningNotice.join(','); // 使用逗号作为分隔符
console.log(warningNoticeString); // 输出: "0,1,2,3,4"	

8.刷新整个页面

总结:类似于执行F5刷新按钮

window.location.reload();

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

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

相关文章

状态空间建模与极点配置 —— 理论、案例与交互式 GUI 实现

目录 状态空间建模与极点配置 —— 理论、案例与交互式 GUI 实现一、引言二、状态空间建模的基本理论2.1 状态空间模型的优势2.2 状态空间模型的物理意义三、极点配置的理论与方法3.1 闭环系统的状态反馈3.2 极点配置条件与方法3.3 设计流程四、状态空间建模与极点配置的优缺点…

仿modou库one thread one loop式并发服务器

源码:田某super/moduo 目录 SERVER模块: Buffer模块: Socket模块: Channel模块: Connection模块: Acceptor模块: TimerQueue模块: Poller模块: EventLoop模块&a…

Oracle中的UNION原理

Oracle中的UNION操作用于合并多个SELECT语句的结果集,并自动去除重复行。其核心原理可分为以下几个步骤: 1. 执行各个子查询 每个SELECT语句独立执行,生成各自的结果集。 如果子查询包含过滤条件(如WHERE)、排序&…

面试算法高频04-分治与回溯

分治与回溯 分治和回溯算法,包括其概念、特性、代码模板,并结合具体题目进行讲解,旨在帮助学员理解和掌握这两种算法的应用。 分治与回溯的概念 分治(Divide & Conquer):本质上基于递归,先…

线性方程组的解法

文章目录 线性方程组的解法认识一些基本的矩阵函数MATLAB 实现机电工程学院教学函数构造1.高斯消元法2.列主元消去法3. L U LU LU分解法 线性方程组的解法 看到以下线性方程组的一般形式:设有以下的 n n n阶线性方程组: A x b \mathbf{Ax}\mathbf{b} A…

Java的Selenium的特殊元素操作与定位之模态框

Modal Dialogue Box,又叫做模式对话框,是指在用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应。如单击【确定】或【取消】按钮等将该对话框关闭。 alert(警告) //访问本地的HTML文件 chromeDr…

2022年全国职业院校技能大赛 高职组 “大数据技术与应用” 赛项赛卷(1卷)任务书

2022年全国职业院校技能大赛 高职组 “大数据技术与应用” 赛项赛卷(1卷)任务书 背景描述:模块A:大数据平台搭建(容器环境)(15分)任务一:Hadoop 完全分布式安装配置任务二…

题目练习之set的奇妙使用

♥♥♥~~~~~~欢迎光临知星小度博客空间~~~~~~♥♥♥ ♥♥♥零星地变得优秀~也能拼凑出星河~♥♥♥ ♥♥♥我们一起努力成为更好的自己~♥♥♥ ♥♥♥如果这一篇博客对你有帮助~别忘了点赞分享哦~♥♥♥ ♥♥♥如果有什么问题可以评论区留言或者私信我哦~♥♥♥ ✨✨✨✨✨✨ 个…

Java虚拟机——JVM(Java Virtual Machine)解析一

1.JVM是什么? 1.1 JVM概念 Java Virtual Machine (JVM) 是JDK的核心组件之一,它使得 Java 程序能够在任何支持 JVM 的设备或操作系统上运行,而无需修改源代码 JDK是什么,JDK和JVM是什么关系?1.Java IDE(Integrated …

初识 Three.js:开启你的 Web 3D 世界 ✨

3D 技术已经不再是游戏引擎的专属,随着浏览器技术的发展,我们完全可以在网页上实现令人惊艳的 3D 效果。而 Three.js,作为 WebGL 的封装库,让 Web 3D 的大门向更多开发者敞开了。 这是我开启这个 Three.js 专栏的第一篇文章&…

OpenGL ES -> SurfaceView + EGL实现立方体纹理贴图+透视效果

XML文件 <?xml version"1.0" encoding"utf-8"?> <com.example.myapplication.MySurfaceView xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"…

pikachu靶场搭建教程,csfr实操

靶场安装 靶场下载地址 百度网盘下载地址和密码 百度网盘 请输入提取码 0278 github靶场下载地址 https://gitcode.com/Resource-Bundle-Collection/c7cc1 安装前提 这两个文件夹的配置文件都要进行更改修改数据库密码 D:\phpstudy_pro\WWW\pikachu\inc D:\phpstudy_pro…

浙江大学DeepSeek系列专题线上公开课第二季第四期即将上线!端云协同:让AI更懂你的小心思! - 张圣宇 研究员

今晚8点10分左右&#xff0c;端云协同&#xff1a;让AI更懂你的小心思&#xff01;浙大学者张圣宇研究员将揭秘人机交互新玩法。浙江大学DeepSeek系列专题线上公开课第二季第四期即将上线&#xff01; 讲座 主题&#xff1a; 大小模型端云协同赋能人机交互 主讲人&#xff1a…

Vue3实战三、Axios封装结合mock数据、Vite跨域及环境变量配置

目录 Axios封装、调用mock接口、Vite跨域及环境变量配置封装Axios对象调用mock接口数据第一步、安装axios&#xff0c;处理一部请求第二步、创建request.ts文件第三步、本地模拟mock数据接口第四步、测试axiosmock接口是否可以调用第五步、自行扩展 axios 返回的数据类型 axios…

Linux如何删除文件名包含无效编码字符文件

在Linux中&#xff0c;文件名包含无效编码字符或特殊不可见字符时&#xff0c;可能导致此文件无法通过常规方式选中或删除&#xff0c;可以通过下面方法处理 1、确认文件名问题 检查终端编码环境 echo $LANG # 默认应为 UTF-8&#xff08;如 en_US.UTF-8&#xff09; 查看…

Completablefuture的底层原理是什么

参考面试回答&#xff1a; 个人理解 CompletableFuture 是 Java 8 引入的一个类、它可以让我们在多线程环境中更加容易地处理异步任务。CompletableFuture 的底层原理是基于一个名为 FutureTask 的机制、结合了 监听器模式 和 等待-通知机制 来处理异步计算。 1.首先就是Com…

C/C++ 调用约定:深入理解栈与平栈

前言 在编程中&#xff0c;理解函数调用约定和栈的机制对于编写高效代码、调试程序以及进行逆向工程至关重要。本文将深入探讨 C 和 C 的调用约定&#xff0c;以及栈与平栈的相关知识。 C 调用约定 在 C 语言中&#xff0c;默认的调用约定是 cdecl。cdecl 调用约定的特点如下&…

xv6-labs-2024 lab1

lab-1 注&#xff1a;实验环境在我的汇编随手记的末尾部分有搭建教程。 0.前置 第零章 xv6为我们提供了多种系统调用&#xff0c;其中&#xff0c;exec将从某个文件里读取内存镜像(这确实是一个好的说法)&#xff0c;并且将其替换到调用它的内存空间&#xff0c;也就是这个…

属性修改器 (AttributeModifier)

主页面设置组件 import { MyButtonModifier } from ../datastore/MyButtonModifier;Entry ComponentV2 struct MainPage {// 支持用状态装饰器修饰&#xff0c;行为和普通的对象一致Local modifier: MyButtonModifier new MyButtonModifier();build() {Column() {Button(&quo…

【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 中的监控:使用 Actuator 实现健康检查

<前文回顾> 点击此处查看 合集 https://blog.csdn.net/foyodesigner/category_12907601.html?fromshareblogcolumn&sharetypeblogcolumn&sharerId12907601&sharereferPC&sharesourceFoyoDesigner&sharefromfrom_link <今日更新> 一、引子&…