常用數組、字元串的方法(詳解)

来源:https://www.cnblogs.com/DreamchaserHe/archive/2019/10/24/11732174.html
-Advertisement-
Play Games

1、indexOf( 數組 || 字元串 ); 作用:返回數組中某個指定元素的位置 (下標)。 ('item',['start']) 兩個參數: item: 必選、查找的元素。 start: 可選參數,規定在字元串中開始檢索的位置,它的合法取值是StringObject.legth-1如省略該參數, ...


1、indexOf( 數組 ||  字元串 );    作用:返回數組中某個指定元素的位置 (下標)。

('item',['start']) 兩個參數:

item: 必選、查找的元素。
start: 可選參數,規定在字元串中開始檢索的位置,它的合法取值是StringObject.legth-1如省略該參數,則從字元串首字元開始檢索。

返回值: Number類型
元素在數組中的位置,如果沒有搜索到則返回 -1 。

相容:所有主流瀏覽器都支持 indexOf()方法,IE8及以下不支持該方法。

 

2、slice( 數組 || 字元串 );    作用:該方法是對數組的部分截取,並返回一個數組副本;

 ('start',['end']) 兩個參數  :

start:參數start是截取的開始數組索引
end :可選參數end是你要截取的最後一個字元的 位置值 加上 1 。

>(1) :如果傳入的參數是一個,那麼將從參數一的索引位置開始截取,一直到數組尾;

>(2) :如果傳入的參數是一個,並且是一個負數的話,那麼他會從數組的後面開始截取;

>(3) :如果傳入的參數是一個,並且是一個負數的話,並且它的絕對值大於或等於數組的 length ,那麼他會截取整個數組。

>(4) :如果兩個參數都是負數的話,前面的參數小於後面的參數。

註:位置是固定好的,從左往右找,不包含結尾位置的字元。

 

3、substr();   作用:在字元串中抽取從 start 下標開始的指定數目的字元。

(start,length)兩個參數:

start:必須參數、必須是數值。如果是負數,那麼該參數聲明從字元串的尾部開始算起的位置。

length:必須參數、子串中的字元數。必須是數值。如果省略了該參數,那麼返回從 stringObject 的開始位置到結尾的字串

返回值:一個新的字元串。不改變原字元串。

註:ECMAscript 沒有對該方法進行標準化,因此反對使用它。

var str="I Love You !"
alert(str.substr(2,3));
alert(str); 

4、substring() 作用:用於提取字元串中介於兩個指定下標之間的字元。

 (start,stop) 兩個參數:

start:必需。一個非負的整數,規定要提取的子串的第一個字元在 stringObject 中的位置。

 stop:可選。最後一個被提取的字元,不包含最後一個。

返回值:一個新的字元串。不改變原字元串。

  註:與 slice() 和 substr() 方法不同的是,substring() 不接受負的參數。

var str="I Love You !";
alert(str.substring(2,3));
alert(str);

5、 splice(數組);  作用:該方法是從一個數組中刪除一個或多個元素,並用新的item替換他們;

('start','deleteCount','item...')  三個參數

:start是從數組元素刪除開始的位置;
:deleteCount刪除元素的個數;
:item替換刪除掉的元素(可以是多個元素);

返回值:被刪除掉的元素。

6、split(字元串); 作用:把字元串分割成片段來創建一個字元串數組。

('separator','limit') 兩個參數

: separator參數可以使一個字元串或一個正則表達式;
:limit限制被分割的片段數量;

slice() 、 splice()  、 split() 區別:   slice() 和 split() 改變的都是副本,splice() 返回的修改後的內容。

7、for in 迴圈; 作用:用於遍曆數組或者對象的屬性(對數組或者對象的屬性進行迴圈操作);

語法: for(變數 in 對象)
{
執行的代碼;
}

判斷一個對象是否可以用for...in 來窮舉: propertyIsEnumerable();

('proName')一個參數   :

proName一個屬性名稱的字元串的值。

返回值:Boolean類型 true表示可以窮舉
false表示不可以窮舉

8、push(數組);  作用:從尾部添加一個或多個元素

('newEleament1',['newEleament2'],['newEleament3'])多個參數

:newEleament1 添加的第一個參數。
:newEleament2 添加的第二個參數。
:newEleament3 添加的第三個參數。

返回值:Number    返回數組的新長度;

9、unshift(數組); 作用:向數組的開頭添加一個或多個元素

('newEleament1',['newEleament2'],['newEleament3'])多個參數

: newEleament1 添加的第一個參數。
:newEleament2 添加的第二個參數。
:newEleament3 添加的第三個參數。

返回值:Number    返回數組的新長度;

相容:無法相容IE瀏覽器。

10、pop(數組);  作用:用於刪除數組的最後一個元素。

沒有參數

返回值:返回最後被刪除的一個元素;

註:如果數組已為空,不改變數組的長度,返回undefiend;

11、shift(數組);  作用:把數組的第一個元素刪除;

沒有參數

返回值:返回最後一個被刪除的值;

註:如果數組為空,shift()不做任何操作;返回undefined;

12、concat(數組 || 字元串 );  作用:把兩個或多個數組連接起來;

('arrX1','arrX2',['arrX3'])多個參數:

返回值:不會改變現有數組,只會返回一個連接的數組的一個副本。

var ccc =['q','3','e'];
var ccc2 =['q','3','e'];
console.log(ccc.concat(ccc2));

13、join(數組);   作用:把數組中的所有元素放入一個字元串中;

(['separator'])一個參數:

separator:指定要使用的分隔符。如果省略預設為逗號為分隔符。

返回值:一個字元串,該字元串是把數組中的所有元素轉換為字元串類型。,再通過指定的分隔符連接起來。

14、sort(數組); 作用:用於數組的排序。

(['sortby'])一個參數:

 sortby:規定排序順序,必須是函數。

返回值:對數組的引用,在原數組上排序,不生成副本。

1>如果調用該方法沒有參數,則按照字母順序進行排序。跟準確的來說是按照字元集編碼來排序的。要實現這一點要先把數組的元素都變成字元串,以便進行比較
2> 如果按照其他標準來排序,則需要提供比較函數,該函數要比較兩個值,然後返回一個用於說明這兩個值的相對順序的數字。

比較函數應該具有兩個參數a和b,其返回值如下:

. 若a<b ,則排序後的數組中a應該出現在b的前面,則返回一個小於0的值。
. 若a==b ,則返回0。
. 若a>b ,則返回一個大於0的值。

返回值:對數組的引用,數組在原數組上進行排序,不生成副本。

function sortNumber(a,b)
                {
                        return a-b;       //第一個參數減第二個參數:升序
                                        //第二個參數減第一個參數:降序
                }
                alert(Number2.sort(sortNumber));

15、charAt(字元串);  作用:返回指定位置的字元。

('index')一個參數:

index表示字元串中某個位置的數字。即字元串的下標。

註:如果index不在0---string.length之間,該方法返回一個空字元串。

返回值:查找的字元。

16、instanceof 

操作符應該僅僅用來比較來自同一個 JavaScript 上下文的自定義對象。 正如 typeof 操作符一樣,任何其它的用法都應該是避免的。

17、charCodeAt(字元串);  作用:返回指定的字元unicode 編碼。這個返回值是   0---65535   之間的整數。

('index')一個參數: index表示字元串中某個字元的下標。

註:如果字元串的下標大於等於字元串的長度,則返回一個NaN.

 18、fromCharCode(字元串);  作用:接受一個指定的unicode編碼,然後返回一個字元串。

('numX','numX','numX'...)多個參數:

numX 是Unicode 值,即要創建的字元串中的字元的 Unicode 編碼。

返回值:返回一個字元串。

註:該方法是String的靜態方法,字元串中的每個字元串都是由單獨的數字Unicode編碼。
它不能作為您已創建的 String 對象的方法來使用。因此它的語法應該是 String.fromCharCode()。

var arr="我愛你";
arr.charCodeAt(1);
console.log(arr.charCodeAt(1));
String.fromCharCode('29233');
console.log(String.fromCharCode('29233'));

19、match(字元串);   作用:在字元串中檢索指定的值,或者找到一個或多個正則表達式的匹配。

('searchvalue','regexp')兩個參數(取其中一個):

 searchvalue規定要檢索的字元串。

regexp規定要匹配的模式RegExp對象。如果該參數不是RegExp對象,則需要首先把它傳遞給RegExp構造函數
將其轉換為RegExp對象。

返回值:1、如果是檢索指定的值,則返回指定值的下標。
    2、如果沒有找到檢索的值,則返回null。
    3、如果找到了一個或多個匹配子串,則返回一個數組。不過全局匹配返回的數組的內容與前者大不相同,它的數組元素中存放的是 stringObject 中所有的匹配子串,而且也沒有 index 屬性或 input 屬性。
    4、如果沒找到則返回null。

var str="1 plus 2 equal 3"
                document.write(str.match(/\d+/g))
                console.log(str.match(/\d+/g));

20、replace(字元串);  作用:用於把一些字元替換另一些字元,或替換一個正則表達式匹配的子串。

語法:stringObject.replace(regexp/substr,replacement) 

regexp/substr規定子字元串或要替換的模式的RegExp對象。
replacement規定替換文本或生成替換文本的函數。

返回值:替換之後的一個新的字元串。

21、toUpperCase(字元串);   作用:把字元串轉換為大寫。

沒有參數
返回值:一個新的字元串,String裡面的小寫字元全變成大寫的。不改變原有字元串。

             var str="fefefJJLKJKLJ";
             alert(str.toUpperCase());
             alert(str);

22、toLowerCase();  作用:把字元串轉換成小寫。

沒有參數
返回值:一個新的字元串,String裡面的大寫全轉換成小寫字母。不改變原字元串。

 var str="fefefJJLKJKLJ";
alert(str.toLowerCase()); 

 


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

-Advertisement-
Play Games
更多相關文章
  • 效果圖: ...
  • 大家有時候有需求在屏幕方向改變的時候重新執行某個渲染函數,以獲取方向改變後的實際寬高,但是首次載入的執行函數要在其他地方執行,這時候可以加一個flag的狀態值,預設為false,當第一次檢測到方向改變的時候再改為true。 這裡有一篇比較好的相關文章推薦:https://div.io/topic/1 ...
  • background 1.設置背景平鋪background-repeat round :圖片會進行縮放後平鋪space : 圖片會進行平鋪,中間留下空白空間 註:當滾動行為設為fixed,round和space沒有效果 2.設置滾動時的行為background-attachmentscroll:父元 ...
  • 原題: 最開始是照著提示的思路進行,中規中矩,用時64ms 然後想著優化,對著一個數組反覆琢磨,發現一個規律: nums.length=0,1,2不談,從nums.length>3開始,i=0,如果nums[i]>nums[i+1],直接得出第一個峰值;如果nums[i]<nums[i+1]則說明n ...
  • 解決方法來源 阮一峰的網路日誌 http://www.ruanyifeng.com/blog/2016/04/cors.html 解決方法來源二 Vuejs之axios獲取Http響應頭 https://segmentfault.com/a/1190000009125333?utm_source=t ...
  • 彈性盒子(Flexible Box/filebox)是一種當頁面需要適應不同的屏幕大小以及設備類型時確保元素擁有恰當的行為的佈局方式。引入彈性盒佈局模型的目的是提供一種更加有效的方式來對一個容器中的子元素進行排列、對齊和分配空白空間。 彈性盒子由彈性容器(父元素)和彈性子元素(可以一個或者多個)組合 ...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv... ...
  • 1、變數聲明且沒有賦值; 2、獲取對象中不存在的屬性時; 3、函數需要實參,但是調用時沒有傳值,形參是undefined; 4、函數調用沒有返回值或者return後沒有數據,接收函數返回的變數是undefined。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...