原文地址在我的博客, 轉載請注明出處，謝謝！

概述

本文總結了JavaScript常用函數，這些函數包括Array常用函數以及String常用函數

JavaScript原生函數

Array常用函數

• isArray() -判斷某個值是不是數組類型 if(Array.isArray(value)){//對數組進行操作}復制代碼
• join("分隔符") var a = [1,2,3,4,5]; var b = a.join("|"); //a：[1,2,3,4,5] b："1|2|3|4|5"復制代碼

• 棧方法

  • push() -可以接受任意數量的參數，把它們逐個添加到數組末尾，并返回修改后數組的長度： var colors = new Array();var count = colors.push("red","green");console.log(colors);//["red","green"]console.log(count);//2復制代碼
  • pop() -從數組末尾移除最后一項，減少數組length值，然后返回移除的項 var item = colors.pop();console.log(item);//"green"console.log(colors.length);//1復制代碼

• 隊列方法

  • shift() -移除數組的第一項并返回該項，同時將數組長度減一

    var item = colors.shift();console.log(item);//"red"console.log(colors.length);//1復制代碼
  • unshift() -在數組前端添加任意個項并返回新數組的長度 var count = colors.unshift("yellow","black");console.log(colors);//["yellow","black","red","green"]復制代碼

• 重排序方法

  • reverse() -反轉數組項的順序

    var values = [1,2,3,4,5];console.log(values.reverse());//5,4,3,2,1復制代碼

  • sort() -默認情況下按升序排列數組項，即最小的值在前。為了實現排序，sort方法會調用每個數組項的toString(),然后比較字符串，以確定排序。即使數值項是數字，比較的也是字符串，這通常不是最佳方案，因此sort()可以接受一個比較函數作為參數，返回經過排序后的數組

    var values = [0,1,5,10,15];console.log(values.sort());//0,1,10,15,5function compare(value1,value2){return value2 - value1;}console.log(values.sort(compare));//0,1,5,10,15復制代碼

• 操作方法

  • concat() -合并數組的意思,可以接受n個字符串或數組。

    var colors = ["red","green","pink"];var color2 = colors.concat("bliue",["black","yellow"]);//["red","green","pink","blue","black","yellow"]復制代碼

    ```
    先創建一個數組副本，然后將接受到的參數添加到副本末尾，最后返回新構建的數組，原數組不會受到影響。

  • slice() -切數組的意思，接受一到兩個數值型參數表示切下的起始結束位置

    var colors = ["red","green","pink"];var color1 = colors.slice(1);//["green","pink"]var color2 = colors.slice(1,2); //["green"]復制代碼

    slice()同樣不會對原數組產生影響，它會創建一個副本操作后返回。參數可以為負數。

  • splice() -剪接的意思，可以實現數組的刪除、插入、替換。
    splice(起始位置,刪除的項數,插入的項(可以多個項,可選))
    返回從原始數組中刪除的項,對原數組直接操作

    var colors = ["red","green","pink"];var color1 = colors.splice(0,1);//["green","pink"],刪除第一項var color2 = colors.splice(1,0,"black"); //["green",“black”,"pink"]復制代碼

  • indexOf() -返回查找的項的位置，接受兩個參數，indexOf(要查找的項(可選),查找起點位置索引),它會使用===來查

    var colors = ["red","green"];console.log(colors);//["red","green"]console.log(color2);/復制代碼

• 迭代方法
  以下每個迭代函數都會接受兩個參數，一個是要在每一項運行的函數和運行在該函數的作用域對象——影響this的值，為數組的每一項運行的給定函數接受三個參數：function(數組的項,該項在對象的位置,數組本身){}

  • every() -如果該函數對每一項都返回true，則返回true
  • filter() -返回該函數會返回true的項組成的數組
  • forEach() -單純運行給定函數，無返回值
  • map() -返回給定函數運行在數組中的每個項的結果組成的數組

  • some() -如果該函數對任一項返回true，則返回true

    var values = [1,2,3,4,5];console.log(values.every(function(item){return (item>2);}));//falseconsole.log(values.some(function(item){return (item>2);}));//trueconsole.log(values.filter(function(item){return (item>2);}));//[3,4,5]console.log(values.map(function(item){return (item*2);}));//[2,4,6,8,10]console.log(values.forEach(function(item){//執行某些操作}));復制代碼

• 歸并方法

  • reduce() -濃縮的意思，接受一個給定函數（function(pre,cur,index,array){}）和作為歸并基礎的值（可選），迭代數組所有項，返回一個構建的值

    var values = [1,2,3,4,5];console.log(values.reduce(function(pre,cur,index,array){return pre + cur;}));//15復制代碼

String常用函數

• 查找方法
  • 字符串方法
    • charAt(n)返回字符串中第n(0~length-1)個字符；
    • charCodeAt(n)返回字符串中第n個字符的Unicode編碼；
    • fromCharCode(0或多個字符的Unicode編碼)返回根據字符編碼創建的字符串
  • 位置方法
    • indexOf(要查找的字符串,開始查找位置（可選）)返回找到的子串首次出現的索引或-1（未找到）。可以用于數組查找項，不能查找對象。
  • 匹配方法
    • match(正則表達式)返回存放匹配結果的數組，正則如果沒有加全局標記g那么這個數組會有個input屬性，它指向調用match()的字符串對象.未找到返回null.var str = "hello,world"; str.match("he");["he", index: 0, input: "hello,world"] str.match(/he/);//["he", index: 0, input: "hello,world"] str.match(/he/g);//["he"] str.match(/l/g);//["l", "l", "l"]復制代碼
    • search(正則表達式)返回字符串中第一個與正則表達式相匹配的子串的索引，忽略全局標記g和lastIndex屬性var str = "hello,world"; str.search("he");//0 str.search(/he/);//0 str.search(/he/g);//0 str.match(/l/g);//2復制代碼
    • replace(正則(字符串),替換文本或函數)創建一個原字符串副本，替代后返回。var str = "hello,world"; str.replace(/l/g,"b");//"hebbo,worbd" console.log(str);//"hello,world"復制代碼
    • split(分隔符,(數組長度))返回根據指定分隔符將字符串分割成多個子串組成的數組,這個分隔符必須是原字符串里的某個字符，否則返回原字符串var str = "hello,world"; str.split("");//["h", "e", "l", "l", "o", ",", "w", "o", "r", "l", "d"] str.split("o");//["hell", ",w", "rld"]復制代碼
• 操作方法
  • concat(string,...)返回把所有參數都連接到原字符串后形成的字符串
  • slice(剪切的起始位置,結束位置)返回剪切后的字符串，創建副本，原字符串不變
  • substring()功能與slice相同，不同的是參數不能為負
  • trim()清楚字符串（注意不是字符）前后的空格
• 編碼方法
  • escape(string)、unescape(string)返回字符串常規編碼（解碼）
  • encodeURI(string)、decodeURI(string)URI字符串編碼與解碼
• 轉換方法
  • toUpperCase()、toLocaleUpperCase()轉為大寫
  • toLowerCase()、toLocaleLowerCase()轉為小寫

總結

以上是生活随笔為你收集整理的JavaScript常用函数总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。