一：js中常用的數組方法

<script>//函數聲明式中的方法const arr=[1,3,6,9,15,19,16];//函數的所有方法 map(),reduce(),filter(),find()//findIndex(),every(),some()//產生一個每一個元素都比原來的大10的新數組//map函數接收一個回調函數作為參數，遍歷數組中的每一個元素，返回一個新的數組let result=arr.map((item,index)=>item+10)//得到所有奇數的和//reduce函數是用來進行求和的函數，接收一個回調函數和一個preTotal初始值函數，回調函數中有三個參數，preTotal,item,index//preTotal表示上一次的求和結果let result1=arr.reduce((preTotal,item,index)=>preTotal +(item%2===1 ? item:0),0)//得到值大于8且下標是偶數的元素組成的數組//filter過濾函數，接受一個回到函數作為參數，參數的作用是用來進行條件判定,返回一個新的數組，新數組由符合條件的item組成let result2=arr.filter((item,index)=>index%2===0 && item>8)//找出一個值大于8且下標是偶數的元素//find函數，會找到第一個符合條件的元素進行返回let result3=arr.find((item,index)=>index%2===0 && item>8)//找出一個值大于8且下標是偶數的元素的下標//findIndex函數接收一個回調函數作為參數，根據條件返回符合的元素的下標let result4=arr.findIndex((item,index)=>index%2===0 && item>8)//判斷下標為偶數的元素是否都為奇數//every函數，接收一個回調函數作為參數，只有所有元素符合條件才可以返回truelet result5=arr.every((item,index)=>index%2===1 || (index%2===0 && item%2===1))//判斷下標為偶數的元素是否為奇數//every函數，接收一個回調函數作為參數，只有有一個元素符合條件就可以返回truelet result6=arr.some((item,index)=>index%2===1 || (index%2===0 && item%2===1))console.log(result,result1,result2,result3,result4,result5,result6)</script>

二：js中字符串常用的方法

一、拼接或截取字符串
1.str.concat()：用于將一個或多個字符串拼接起來，返回拼接后的新字符串
參數：可以有多個，用來拼接到str上的字符串

let str = 'hello'; console.log(str.concat(' ','world')) //'hello world'

說明：此方法效率并不高，用“+”或者``模板字符串代替比較好

2.str.slice()：此方法用來提取一個字符串，并返回一個新的字符串
參數：1)beginIndex，表示從該索引處開始提取字符串的字符(包括)，如果為負數則從后開始計算
? 2)endIndex，表示從該索引處結束提取字符串(不包括)，如果省略則一直提取到字符串末尾，如果為負數從后開始計算

let str = 'hello world'; console.log(str.slice(6)) //'world' console.log(str.slice(-5,-3)) //'wo'

3.str.substring()：此方法和slice方法功能相同都是提取一個字符串，并返回提取到的字符串
參數：1)startIndex，表示從該索引處開始提取字符串的字符(包括)
? 2)endIndex,表示從該索引處結束提取字符串(不包括)
? 3)上述兩個參數：如果為負數或者NaN則都會被當做0，如果大于字符串的長度則會被當做字符串的長度來計算，如果 startIndex 大于 endIndex，則 substring 的執行效果就像兩個參數調換了一樣

let str = 'hello world'; console.log(str.substring(-1,5)) //'hello' console.log(str.substring(5,-1)) //'hello'

二、刪除字符串
str.trim()：刪除一個字符串兩端的空白字符，并返回刪除后的新字符串，不會改變原有字符串

三、改變字符串
1.str.toLowerCase()：此方法沒有參數，會將調用該方法的字符串值轉為小寫形式，并返回
2.str.toUpperCase()：此方法沒有參數，會將調用該方法的字符串值轉為大寫形式，并返回
3.str.replace()：可以將一個替換值替換字符串的一部分，返回替換后的新字符串
參數：1)一個字符串中要被替換的子字符串或者正則表達式，默認值替換第一個，可以在正則表達式中設置全局模式，來替換所有匹配的子字符串
? 2)一個替換值

let str = 'hello world'; console.log(str.replace(/o/g,"f")) //"hellf wfrld"

4.str.split()：可以使用一個指定的分隔符來將字符串拆分成數組，返回一個數組
參數：1)分隔符，可以為一個字符串也可以為正則表達式，為空的話則將每個字符都拆分。默認全局拆分
? 2)拆分的長度（可選），為一個整數用來限制拆分的個數，如果超過了這個數量則新數組中不返回剩下的文本

let str = 'hello world'; console.log(str.split(" ")) //["hello", "world"]

四、查詢字符串
1.str.charAt()：從一個字符串中返回指定的字符
參數：index，介于0~length-1之間的整數，默認為0

let str = 'hello world'; console.log(str.charAt(1)) //'e'

2.str.includes()：判斷字符串中是否包含指定字符，包含則返回true，不包含則返回false
參數：subStr，指定的字符串

let str = 'hello world'; console.log(str.includes('hello')) //true console.log(str.includes('fire')) //flase

3.str.indexOf()：判斷字符串中是否包含指定字符，如果包含則返回該字符索引的位置(查找到了立即返回)，如果不包含則返回-1
參數：subStr，指定的字符串

let str = 'hello world'; console.log(str.indexOf('world')) //6 console.log(str.indexOf('fire')) //-1

4.str.lastIndexOf()：用法和indexOf基本相同，區別是lastIndexOf()是從后往前查找

5.str.search()：使用正則表達式查找指定字符串，如果找到則返回首次匹配成功的索引，沒有找到則返回-1
參數：一個正則表達式，如果傳入一個非正則表達式則會隱式的將其轉換為正則表達式對象

let str = 'hello world'; console.log(str.search('world')) //6 console.log(str.search(/w/)) //6

6.str.match()：返回一個字符串匹配正則表達式的結果,如果未設置全局匹配，則會返回第一個完整匹配及其相關的捕獲組，捕獲組中包含有groups、index、input等屬性。
參數：一個正則表達式，如果傳入一個非正則表達式則會隱式的將其轉換為正則表達式對象

let str = 'hello world'; console.log(str.match(/l/)) //["l", index: 2, input: "hello world", groups: undefined] console.log(str.match(/l/g)) //["l", "l", "l"]

注釋：第二部分字符串中的方法引用于其他博主！

總結

以上是生活随笔為你收集整理的js中常用的数组和字符串方法的全部內容，希望文章能夠幫你解決所遇到的問題。

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