JavaScript常用方法整理

Array 对象方法

arr.concat()

作用：
连接两个或更多的数组，并返回结果。

签名：

(method) Array<number>.concat(...items: ConcatArray<number>[]): number[]

例子：

let nums = [1, 2, 3, 4, 5, 6, 7, 8]
let ls = [9, 10]
nums.concat(ls) // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

arr.copyWithin()

作用：
从数组的指定位置拷贝元素到数组的另一个指定位置中。

签名：

// start 默认为 0，end 默认为 array.length
(method) Array<number>.copyWithin(target: number, start?: number | undefined, end?: number | undefined): number[]

例子：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
// 以下代码是将整个数组的内容一个复制到位置4上，即：将 [1, 2, 3, 4, 5, 6, 7, 8] 复制到位置4上。暂且给这个数组起名叫做 tmp，方便和 nums 做区分。
// 复制会覆盖原有内容，且不会改变数组长度，多余的部分会被丢弃。所以 tmp 的 [1, 2, 3, 4] 会覆盖掉 nums 的 [5, 6, 7, 8]，而 tmp 的 [5, 6, 7, 8] 会因为超出数组长度而被丢弃。
nums.copyWithin(4) // [1, 2, 3, 4, 1, 2, 3, 4]
nums.copyWithin(0,4) // [5, 6, 7, 8, 5, 6, 7, 8]
// 当传递 end 参数时，复制的范围是 start 到 end-1，end 本身并不在范围内。如下面的 start = 3，end = 5 复制的内容就是 [4, 5]，不包括6
nums.copyWithin(0, 3, 5) // [4, 5, 3, 4, 5, 6, 7, 8]

arr.entries()

作用：
返回数组的可迭代对象。

签名：

(method) Array<number>.entries(): IterableIterator<[number, number]>

例子：

let nums = [1, 2, 3, 4, 5, 6, 7, 8]
let x = nums.entries()
x.next().value // [ 0, 1 ]
x.next().value // [ 1, 2 ]
x.next().value // [ 2, 3 ]
x.next().value // [ 3, 4 ]
for (const iterator of x) {
console.log(iterator);
}
// 因为前面已经next四次了，所以for循环从第五个开始。
// [ 4, 5 ]
// [ 5, 6 ]
// [ 6, 7 ]
// [ 7, 8 ]

arr.every()

作用：
检测数值元素的每个元素是否都符合条件。

签名：

(method) Array<number>.every(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): boolean

例子：

let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.every(item => item > 0) // true

arr.fill()

作用：
使用一个固定值来填充数组。

签名：

(method) Array<number>.fill(value: number, start?: number | undefined, end?: number | undefined): number[]

例子：

let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.fill(0) // [0, 0, 0, 0, 0, 0, 0, 0]
nums.fill(0,4) // [1, 2, 3, 4, 0, 0, 0, 0]
nums.fill(0,0,4) // [0, 0, 0, 0, 5, 6, 7, 8]

arr.filter()

作用：
检测数值元素，并返回符合条件所有元素的数组。

签名：

(method) Array<number>.filter(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): number[]

例子：

let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.filter(item => item > 4) // [5, 6, 7, 8]

arr.find()

作用：
返回符合传入测试（函数）条件的第一个数组元素。如果没有符合条件的元素返回 undefined。

签名：

TS
(method) Array<number>.find(predicate: (value: number, index: number, obj: number[]) => unknown, thisArg?: any): number | undefined

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.find(item => item > 4) // 5

arr.findIndex()

作用：
返回符合传入测试（函数）条件的第一个数组元素索引。如果没有符合条件的元素返回 -1。

签名：

TS
(method) Array<number>.findIndex(predicate: (value: number, index: number, obj: number[]) => unknown, thisArg?: any): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.find(item => item > 4) // 4

arr.forEach()

作用：
数组每个元素都执行一次回调函数。

签名：

TS
(method) Array<number>.forEach(callbackfn: (value: number, index: number, array: number[]) => void, thisArg?: any): void

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.forEach(item => console.log(item))
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8

arr.from()

作用：
通过给定的对象中创建一个数组。

签名：

TS
(method) ArrayConstructor.from<number>(iterable: Iterable<number> | ArrayLike<number>): number[]

例子：

JS
// 数组去重
let arr = Array.from(new Set([1, 2, 1, 2]))
console.log(arr)
// [1, 2]

arr.includes()

作用：
判断一个数组是否包含一个指定的值。

签名：

TS
(method) Array<number>.includes(searchElement: number, fromIndex?: number | undefined): boolean

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.includes(1); // true
nums.includes(10); // false
nums.includes(1, 1) // false

arr.indexOf()

作用：
搜索数组中的元素，并返回它所在的位置。

签名：

TS
(method) Array<number>.indexOf(searchElement: number, fromIndex?: number | undefined): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.indexOf(5); // 4
nums.indexOf(5, 5); // -1

arr.join()

作用：
把数组的所有元素放入一个字符串。

签名：

TS
(method) Array<number>.join(separator?: string | undefined): string

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.join(); // 1,2,3,4,5,6,7,8
nums.join('-'); // 1-2-3-4-5-6-7-8

arr.keys()

作用：
返回数组的可迭代对象，包含原始数组的键(key)。

签名：

TS
(method) Array<number>.keys(): IterableIterator<number>

例子：

JS

// 相较于entries()，key()只有索引，没有值。
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
for (const key of nums.keys()) {
console.log(nums[key]);
}
// 1
// 2
// 3
// 4
// 5
// 6
// 7
// 8

arr.lastIndexOf()

作用：
搜索数组中的元素，并返回它最后出现的位置。

签名：

TS
(method) Array<number>.lastIndexOf(searchElement: number, fromIndex?: number | undefined): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8, 3]

nums.lastIndexOf(3); // 8

arr.map()

作用：
通过指定函数处理数组的每个元素，并返回处理后的数组。

签名：

TS
//

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.map(item => item + 1); // [2, 3, 4, 5, 6, 7, 8, 9]

arr.pop()

作用：
删除数组的最后一个元素并返回删除的元素。

签名：

TS
(method) Array<number>.pop(): number | undefined

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.pop() // 8
console.log(nums)
// [1, 2, 3, 4, 5, 6, 7]

arr.push()

作用：
向数组的末尾添加一个或更多元素，并返回新的长度。

签名：

TS
(method) Array<number>.push(...items: number[]): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.push(9, 10) // 10
console.log(nums);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

arr.reduce()

作用：
将数组元素计算为一个值（从左到右）。

签名：

TS
(method) Array<number>.reduce(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.reduce((sum, now) => sum + now) // 36

arr.reduceRight()

作用：
将数组元素计算为一个值（从右到左）。

签名：

TS
(method) Array<number>.reduceRight(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.reduceRight((sum, now) => sum + now) // 36

arr.reverse()

作用：
反转数组的元素顺序。

签名：

TS
(method) Array<number>.reverse(): number[]

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.reverse() // [8, 7, 6, 5, 4, 3, 2, 1]

arr.shift()

作用：
删除并返回数组的第一个元素。

签名：

TS
(method) Array<number>.shift(): number | undefined

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.shift()
console.log(nums)
// [2, 3, 4, 5, 6, 7, 8]

arr.slice()

作用：
选取数组的一部分，并返回一个新数组。

签名：

TS
(method) Array<number>.slice(start?: number | undefined, end?: number | undefined): number[]

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.slice(0, 2) // [1, 2]
nums.slice(6) // [7, 8]

arr.some()

作用：
检测数组元素中是否有元素符合指定条件。

签名：

TS
(method) Array<number>.some(predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): boolean

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.some(item => item > 7) // true
nums.some(item => item > 8) // false

arr.sort()

作用：
对数组的元素进行排序。

签名：

TS
(method) Array<number>.sort(compareFn?: ((a: number, b: number) => number) | undefined): number[]

例子：

JS
let nums = [5, 4, 3, 6, 2, 1, 7, 8]
nums.sort() // [1, 2, 3, 4, 5, 6, 7, 8]
nums.sort((a, b) => a - b) // [1, 2, 3, 4, 5, 6, 7, 8]
nums.sort((a, b) => b - a) // [8, 7, 6, 5, 4, 3, 2, 1]

arr.splice()

作用：
从数组中添加或删除元素。

签名：

TS
(method) Array<number>.splice(start: number, deleteCount?: number | undefined): number[]

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
// 只传一个参数时会删除这个索引之后的所有元素，这里删除8
nums.splice(7); // [8]
// [1, 2, 3, 4, 5, 6, 7]

// 从0开始删除两个元素
nums.splice(0, 2); // [1, 2]
// [3, 4, 5, 6, 7]

// 在0位置添加1,2
nums.splice(0, 0, 1, 2); // []
// [1, 2, 3, 4, 5, 6, 7]

arr.toString()

作用：
把数组转换为字符串，并返回结果。

签名：

TS
(method) Array<number>.toString(): string

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.toString() // 1,2,3,4,5,6,7,8

arr.unshift()

作用：
向数组的开头添加一个或更多元素，并返回新的长度。

签名：

TS
(method) Array<number>.unshift(...items: number[]): number

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
nums.unshift(0) // 9
// [1, 2, 3, 4, 5, 6, 7, 8]

Array.isArray()

作用：
判断对象是否为数组。

签名：

TS
(method) ArrayConstructor.isArray(arg: any): arg is any[]

例子：

JS
let nums = [1, 2, 3, 4, 5, 6, 7, 8]
Array.isArray(nums); // true

String 对象方法

Number 对象方法

Date 对象方法

Math 对象方法

文章作者: Leonus