JavaScriptの基本共通メソッド(文字列・配列)

JSの基本的な共通メソッド

文字列メソッド:

次の文字列メソッドは元の文字列を変更しません。

1. str.slice(n,m):文字列
nをインターセプトすることは、インデックスから文字列の文字 (両端を含む) を抽出することを意味します。それが負の数の場合、末尾
mから数えてインデックスから文字列を抽出することを意味します (そうではありません)。 Include)、省略した場合は文字列の末尾まで抽出され、負の数の場合は末尾から計算されます

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

2. str.substring(n,m):文字列をインターセプトするスライスメソッドと同じ
n はインデックスから文字列の文字を抽出することを意味します (含まれません)
m はインデックスから文字列の最後まで抽出することを意味します (含まれません) )
n, m if 負の数または NaN の場合は 0 として扱います 文字列の長さより大きい場合は文字列の長さとして計算します n がmより大きい場合、 substring の実行効果は、2 つのパラメータが交換されたかのようになります。

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

3. str.trim():文字列の両側のスペースを削除します。

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

4. str.replace():文字列を置換します

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

5. str.split():文字列の分割

let str = 'hello world';
console.log(str.split(" ")) // ["hello", "world"]
console.log(str.split("")) // ['h', 'e', 'l', 'l', 'o', ' ', 'w', 'o', 'r', 'l', 'd']

6. str.includes():文字列が含まれているかどうかを判断します。

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

7. str.indexOf():文字列が含まれているかどうかを判断し、文字列が含まれていない場合は -1 を返します。

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

8. str.lastIndexOf():使い方はindexOfと同じで、
lastIndexOfは後ろから前に向かって検索します11 , str.charAt():インデックスで文字列をチェックします

let str = 'hello world';
console.log(str.charAt(0)) // 'h'

12. str.concat():文字列の連結

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

13. str.toLowerCase():小文字に変換

let str = 'ABC';
console.log(str.toLowerCase()) // 'abc'

14. str.toUpperCase():大文字に変換します

let str = 'abc';
console.log(str.toUpperCase()) // 'ABC'

配列メソッド:

1. arr.join():文字列に連結します元の配列を変更しないでください

let arr = [1,2,3,4,5];
console.log(arr.join('-')) // 1-2-3-4-5

2. arr.push():要素を逆方向に追加し、配列の長さを返します。元の配列を変更する
3. arr.pop():最後の要素を削除し、削除された要素を返します。元の配列を変更する
4. arr.unshift():要素を前方に追加し、配列の長さを返します。元の配列を変更する
5. arr.shift():最初の要素を削除し、削除された要素を返します。元の配列を変更する

6. arr.reverse():配列を反転します元の配列を変更する
7. arr.sort():配列をソートします。デフォルトは小さいものから大きいものの順です。元の配列を変更する

let arr = [1,5,2,6,2];
console.log(arr.sort()) // [1, 2, 2, 5, 6]
arr.sort((a, b) => {
    
    
	return b - a
})
console.log(arr) // [6, 5, 2, 2, 1]

8. arr.concat():配列の結合元の配列を変更しないでください

let arr1 = [1,2,3];
let arr2 = [4,5,6];
console.log(arr1.concat(arr2)) // [1, 2, 3, 4, 5, 6]
console.log([...arr1, ...arr2]) // [1, 2, 3, 4, 5, 6]
arr1.push(...arr2)
console.log(arr1) // [1, 2, 3, 4, 5, 6]

9. arr.slice():前後をラップせずに配列をインターセプトします元の配列を変更しないでください

let arr = [0,1,2,3,4,5,6,7];
console.log(arr.slice(0,3)) // [0, 1, 2]
console.log(arr.slice(3)) // [3, 4, 5, 6, 7]

10. arr.splice(a,b,c):配列の削除/置換/追加元の配列を変更する
a開始
bいくつかの削除
c要素の追加

let arr = [1,2,3,4,5];
arr.splice(2,1,6,6,6)
console.log(arr) // [1, 2, 6, 6, 6,  4, 5]

11. arr.indexOf():配列内で要素が初めて出現する位置を検索します。-1 は存在しません。
12、arr.lastIndexOf():配列内で要素が最後に出現する位置を検索します。 、-1 は存在しません。
13、arr .forEach(item、index、array):通常の走査、戻り値なし
14、arr.map(item、index、array):新しい配列を返します。新しい配列の長さは次のとおりです。元の配列の長さに等しい
15、arr.filter(item ,index,array):新しい配列を返し、適格な要素を除外します
16. arr.some(item,index,array): true/false を返します (if一致しない場合、false を返します)
17. arr.every(item,index,array): true/false を返します (すべてが満たされている場合は true を返します)
18. arr.every(item,index,array):一致する最初の項目を返します条件
19. arr.findIndex(item,index,array):条件を満たす最初の添字を返します。

20. arr.reduce(pre,next,index):累積ループの前の項目の戻り値
pre (初めて arr の最初の項目)
次の通常のループの項目
インデックスインデックス

// 加法计算
let arr = [1,2,3,4,5] ;
let all = arr1.reduce(function(pre,next,index){
    
    
	return pre+next
})
console.log(all) // 21

//扁平化数组
var arr2 = [[1,2,3],[4,5],[6,7]] ;
var new2 = arr2.reduce(function(pre,next,index){
    
    
	return pre.concat(next)
})
console.log(new2);

おすすめ

転載: blog.csdn.net/qq_41329287/article/details/129285219