前端工具方法整理

在這里插入圖片描述

文章目錄

  • 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.pswp.cn/news/900537.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/900537.shtml
英文地址,請注明出處:http://en.pswp.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 <今日更新> 一、引子&…