【面試題】JS使用parseInt()、正則截取字元串中數字

来源:https://www.cnblogs.com/mochenxiya/archive/2022/09/09/16671574.html
-Advertisement-
Play Games

JS使用parseInt()和正則截取字元串中數字 點擊打開視頻講解更加詳細 parseInt() 函數 定義和用法 parseInt() 函數可解析一個字元串,並返回一個整數。 當參數 radix 的值為 0,或沒有設置該參數時,parseInt() 會根據 string 來判斷數字的基數 當忽略 ...


JS使用parseInt()和正則截取字元串中數字

點擊打開視頻講解更加詳細

parseInt() 函數

定義和用法

parseInt() 函數可解析一個字元串,並返回一個整數。

當參數 radix 的值為 0,或沒有設置該參數時,parseInt() 會根據 string 來判斷數字的基數

當忽略參數 radix , JavaScript 預設數字的基數如下:

  • 如果 string 以 "0x" 開頭,parseInt() 會把 string 的其餘部分解析為十六進位的整數。
  • 如果 string 以 0 開頭,那麼 ECMAScript v3 允許 parseInt() 的一個實現把其後的字元解析為八進位或十六進位的數字。
  • 如果 string 以 1 ~ 9 的數字開頭,parseInt() 將把它解析為十進位的整數。

parseFloat() 函數

定義和用法

parseFloat() 函數可解析一個字元串,並返回一個浮點數。

該函數指定字元串中的首個字元是否是數字。如果是,則對字元串進行解析,直到到達數字的末端為止,然後以數字返回該數字,而不是作為字元串。

截取字元串中數字

1、使用parseInt()

let str = "4500元";
let num = parseInt(str);
alert(num); //4500

對,你沒有看錯,parseInt()方法參數可以有非數字字元串,只要數字在字元串前面就可以,遇到非數字字元停下來,返回前邊的數字。

這種方式的缺點是不能提取數字在中間的字元串中的數字。

2、使用正則

let s = "價格4500元";
let num = s.replace(/[^0-9]/gi, "");
alert(num); //4500

若對您有幫助,請點擊跳轉到B站一鍵三連哦!感謝支持!!!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本篇文章主要介紹 Redo Log 和 Undo Log: 1. 利用 Redo Log 和 Undo Log 實現本地事務的原子性、持久性 2. Redo Log 的寫回策略 3. Redo Log Buffer 的刷盤時機 ...
  • DDL:數據定義語言 註意:對錶操作的時候需要進入到對應的資料庫裡面去。 創建表:CREATE TABLE [IF NOT EXISTS] 'tbl_name' ( 欄位1 修飾符, col2 欄位2 修飾符, ...) 例如:創建一張名為stu1的表,表中包含的欄位有id,name和age,id的 ...
  • 酷暑終於過去,很多人伴著涼爽的秋風開啟了新一輪的健身計劃。當用戶進行戶外運動或使用跑步機、橢圓機等器械時,他們會希望在運動健康類App里點擊即可開啟運動並記錄運動數據。而對於開發者自己開發的應用來說,用戶在使用跟華為健康App綁定的運動設備運動時,可以直接在自己的App後臺控制用戶運動狀態並獲取實時 ...
  • 原文地址:Everything about null in JavaScript 原文作者:Dmitri Pavlutin 譯者:Gopal JavaScript 有兩種類型:原始類型(strings, booleans, numbers, symbols)和對象 對象是一個複雜的數據結構。最簡單的 ...
  • 每日3題 31 關於AMD、CMD規範區別說法正確的是?(多選) A.AMD規範:是 RequireJS在推廣過程中對模塊定義的規範化產出的 B.CMD規範:是SeaJS 在推廣過程中對模塊定義的規範化產出的 C.CMD 推崇依賴前置;AMD 推崇依賴就近 D.CMD 是提前執行;AMD 是延遲執行 ...
  • 最近我在 CodePen 上看到了這樣一個有意思的動畫: 整個動畫效果是在一個標簽內,藉助了 SVG PATH 實現。其核心在於對漸變(Gradient)的究極利用。 完整的代碼你可以看看這裡 -- CodePen DEMO -- to the future 🍻 By Jane Ori] 源代碼還 ...
  • getDate(excelTimestamp, format) { // 使用JavaScript轉換unix時間戳需要將時間戳再*1000 const old = excelTimestamp - 1 const t = Math.round((old - Math.floor(old)) * 2 ...
  • 明天就是中秋節了,就想著用CSS畫一個月亮送給園友們吧。但是就畫一個月亮也太簡單了些,於是便加了一些星星點綴以及流星墜落的效果。這篇文章就用純CSS為大家實現一個“流星趕月”的效果。 實現效果 點擊運行查看 畫個月亮 首先我們先讓全屏背景變成黑色,然後實現一個大月亮🌕,並加點"漸變",“光暈"等效 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...