共计 3518 个字符,预计需要花费 9 分钟才能阅读完成。
JavaScript 中的 Array 办法汇总:依照是否批改原数据的形式
数组是咱们在 js 常常用到的数据类型,不好好整顿一下怕是容易记混,很多同学傻傻的 splice 和 slice 分不清楚,明天就带大家理一下 Array 中的办法。
办法名称 | 简介 | 是否批改原数据 | 返回值类型 | 留神 |
---|---|---|---|---|
Array.prototype.concat() | **concat()** 办法用于合并两个或多个数组。 | 否 | 数组 | const array1 = [‘a’, ‘b’, ‘c’];<br/>const array2 = [‘d’, ‘e’, ‘f’];<br/>const array3 = array1.concat(array2); |
Array.prototype.copyWithin() | **copyWithin()** 办法浅复制数组的一部分到同一数组中的另一个地位,并返回它 | 否 | 数组 | const array1 = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’];<br/><br/>// copy to index 0 the element at index 3<br/>console.log(array1.copyWithin(0, 3, 4)); |
Array.prototype.entries() | 返回一个新的 Array Iterator 对象 | 否 | 迭代器对象 | |
Array.prototype.every() | 办法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。 | 否 | 布尔值 | 在办法内批改函数入参,不会批改原数据 |
Array.prototype.filter() | 办法创立一个新数组, 其蕴含通过所提供函数实现的测试的所有元素 | 否 | 布尔值 | 留神,在办法内批改入参不会批改原数据 |
Array.prototype.find() | 返回数组中满足提供的测试函数的第一个元素的值,否则返回 undefined | 否 | 对象 | |
Array.prototype.findIndex() | **indIndex()** 办法返回数组中满足提供的测试函数的第一个元素的 索引。若没有找到对应元素则返回 -1。 | 否 | 数字 | |
Array.prototype.flat() | **flat()** 办法会依照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 | 否 | 数组 | const arr1 = [0, 1, 2, [3, 4]];<br/><br/>console.log(arr1.flat());<br/>// expected output: [0, 1, 2, 3, 4] |
Array.prototype.flatMap() | **flatMap()** 办法首先应用映射函数映射每个元素,而后将后果压缩成一个新数组。它与 map 连着深度值为 1 的 flat 简直雷同,但 flatMap 通常在合并成一种办法的效率略微高一些。 | 否 | 数组 | 能够了解成 map + flat 执行后的后果 |
Array.prototype.forEach() | **forEach()** 办法对数组的每个元素执行一次给定的函数。 | 否 | 没有返回值 | 在办法内批改传入参数不会批改原数据 |
Array.from() | **Array.from()** 办法对一个相似数组或可迭代对象创立一个新的,浅拷贝的数组实例。 | 否 | 数组 | console.log(Array.from(‘foo’));<br/>// expected output: Array [“f”, “o”, “o”]<br/><br/>console.log(Array.from([1, 2, 3], x => x + x));<br/>// expected output: Array [2, 4, 6] |
Array.prototype.includes() | **includes()** 办法用来判断一个数组是否蕴含一个指定的值,依据状况,如果蕴含则返回 true ,否则返回 false 。 | 否 | 布尔值 | |
Array.prototype.indexOf() | **indexOf()** 办法返回在数组中能够找到一个给定元素的第一个索引,如果不存在,则返回 -1。 | 否 | 数字 | |
Array.isArray() | Array.isArray() 用于确定传递的值是否是一个 Array。 | 否 | 布尔值 | |
Array.prototype.join() | **join()** 办法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个我的项目,那么将返回该我的项目而不应用分隔符。 | 否 | 字符串 | |
Array.prototype.keys() | **keys()** 办法返回一个蕴含数组中每个索引键的 **Array Iterator** 对象。 | 否 | 数组 | |
Array.prototype.lastIndexOf() | **lastIndexOf()** 办法返回指定元素(也即无效的 JavaScript 值或变量)在数组中的最初一个的索引,如果不存在则返回 -1。从数组的前面向前查找,从 fromIndex 处开始。 | 否 | 数字 | |
Array.prototype.map() | **map()** 办法创立一个新数组,其后果是该数组中的每个元素是调用一次提供的函数后的返回值。 | 否 | 数组 | |
Array.of() | **Array.of()** 办法创立一个具备可变数量参数的新数组实例,而不思考参数的数量或类型。 | 否 | 数组 | Array.of(2); // [2] |
Array.prototype.reduce() | **reduce()** 办法对数组中的每个元素执行一个由您提供的 reducer 函数(升序执行),将其后果汇总为单个返回值。 | 否 | 对象 | |
Array.prototype.reduceRight() | **reduceRight()** 办法承受一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其缩小为单个值。 | 否 | 对象 | |
Array.prototype.slice() | **slice()** 办法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的 浅拷贝(包含 begin ,不包含end )。原始数组不会被扭转。 | 否 | 数组 | |
Array.prototype.some() | **some()** 办法测试数组中是不是至多有 1 个元素通过了被提供的函数测试。它返回的是一个 Boolean 类型的值。 | 否 | 布尔值 | |
Array.prototype.sort() | sort() 办法用原地算法对数组的元素进行排序,并返回数组。默认排序程序是在将元素转换为字符串,而后比拟它们的 UTF-16 代码单元值序列时构建的 | 否 | 数组 | |
Array.prototype.toLocaleString() | **toLocaleString()** 返回一个字符串示意数组中的元素。数组中的元素将应用各自的 toLocaleString 办法转成字符串,这些字符串将应用一个特定语言环境的字符串(例如一个逗号 “,”)隔开。 | 否 | 字符串 | |
Array.prototype.toString() | **toString()** 返回一个字符串,示意指定的数组及其元素。 | 否 | 字符串 | |
Array.prototype.values() | values() 办法返回一个新的 Array Iterator 对象,该对象蕴含数组每个索引的值 | 否 | 数组 | |
Array.prototype.fill() | **fill()** 办法用一个固定值填充一个数组中从起始索引到终止索引内的全副元素。不包含终止索引。 | 是 | 数组 | |
Array.prototype.pop() | **pop()** 办法从数组中删除最初一个元素,并返回该元素的值。此办法更改数组的长度。 | 是 | 数组 | |
Array.prototype.push() | **push()** 办法将一个或多个元素增加到数组的开端,并返回该数组的新长度。 | 是 | 数组 | |
Array.prototype.reverse() | **reverse()** 办法将数组中元素的地位颠倒,并返回该数组。数组的第一个元素会变成最初一个,数组的最初一个元素变成第一个。该办法会扭转原数组。 | 是 | 数组 | |
Array.prototype.shift() | **shift()** 办法从数组中删除 第一个 元素,并返回该元素的值。此办法更改数组的长度。 | 是 | 数组 | |
Array.prototype.splice() | splice() 办法通过删除或替换现有元素或者原地增加新的元素来批改数组, 并以数组模式返回被批改的内容。此办法会扭转原数组。 | 是 | 数组 | |
Array.prototype.unshift() | unshift() 办法将一个或多个元素增加到数组的 结尾 ,并返回该数组的 新长度 (该 办法批改原有数组)。 | 是 | 数组 |
留神,即使有的办法即便是返回了一个新数组,可这个新数组也不肯定是被齐全复制的,万一外面有个对象呢,嘿嘿嘿,不就共享内存了。总而言之,言而总之,Array 中只能实现简略数据类型的数组的拷贝(也就是浅拷贝)
正文完
发表至: javascript
2022-01-17