JavaScript 数组 API 返回值、是否改变原数组、是否产生新数组总结

已经很久没有写过文章了，其实也不是没有写，只是在写的过程中，产生了很多烂尾文。很多文章只写了个开头，却不知道后面该怎么写。今天带来一篇关于JS数组的相关总结，主要是针对数组的方法返回值是什么，是否改变原数组，是否产生新的数组，具体数组方法怎么使用及相关使用场景请点击这里。

语法	含义	返回值	改变原数组	是否产生新的数组
Array.from()	将一个类数组或可迭代对象转换为数组	返回一个新的数组	-	是
Array.isArray()	判断一个对象是否为数组	返回一个布尔值	-	否
Array.of()	创建一个具有可变数量参数的新数组	返回一个新数组	-	是
Array.concat()	将数组和（或）值连接成新数组	返回一个新数组	否	是
Array.copyWithin(index, start, end)	将数组从 start 到 end 位置的内容复制到 index	返回修改后的数组	是	否
Array.entries()	返回一个包含数组中每个索引和值的 Array Iterator 对象	返回数组的迭代器，包含数组的索引和值	否	否
Array.every()	测试数组的所有元素是否都通过了指定函数的测试	返回一个布尔值	否	否
Array.fill(val, start, end)	将从 start 到 end 位置的值用 val 填充	返回填充后的数组	是	否
Array.filter()	返回通过所提供函数实现的测试的所有元素构成的新数组	返回一个新数组	否	是
Array.find()	返回数组中满足提供的测试函数的第一个元素的值	返回原数组中满足条件的第一个值，不满足返回 undefined	否	否
Array.findIndex()	返回数组中满足提供的测试函数的第一个元素的索引	返回数组中满足条件的第一个值的索引，不满足返回 -1	否	否
Array.flat()	将多维数组扁平化成一维数组	返回一个扁平化后的新数组	否	是
Array.flatMap()	先按照 map 方法对数组的每一项进行操作，再做扁平化处理	返回一个扁平化后的新数组	否	是
Array.forEach()	遍历数组并执行一次提供的函数	返回 undefined	不一定，当数组中元素是值类型，forEach绝对不会改变数组；当是引用类型，则可以改变数组	否
Array.includes()	用来判断一个数组是否包含一个指定的值	返回一个布尔值	否	否
Array.indexOf()	返回在数组中可以找到一个给定元素的第一个索引	返回数组中满足条件的第一个值的索引，不满足返回 -1	否	否
Array.join()	将数组或类数组对象以某符号分隔成一个字符串	返回一个字符串	否	否
Array.keys()	返回一个包含数组中每个索引键的 Array Iterator 对象	返回数组的迭代器，里面包含索引	否	否
Array.lastIndexOf()	返回在数组中可以找到一个给定元素的最后一个索引	返回数组中满足条件的最后一个值的索引，不满足返回 -1	否	否
Array.map()	遍历数组并执行一次提供的函数	返回一个新数组	不一定，可以将返回结果赋值给原数组从而改变原数组的值	是
Array.pop()	删除数组最后一个元素	返回最后一个元素的值	是	否
Array.push()	在数组最后添加一个或多个元素	返回数组的长度	是	否
Array.reduce()	对数组中的每个元素执行一个提供的 reducer 函数(升序执行)，将其结果汇总为单个返回值	返回 reducer 函数处理的结果	否	不一定
Array.reduceRight()	对数组中的每个元素执行一个提供的 reducer 函数(从后向前执行)，将其结果汇总为单个返回值	返回 reducer 函数处理的结果	否	不一定
Array.reverse()	将数组中元素的位置颠倒	返回颠倒后的数组	是	否
Array.shift()	删除数组第一个元素	返回数组第一个元素的值	是	否
Array.slice(start, end)	截取原数组从 start 到 end 位置的元素	返回一个新数组	否	是
Array.some()	测试是否至少有一个元素通过由提供的函数实现的测试	返回一个布尔值	否	否
Array.sort()	对数组进行排序	返回排序后的数组	是	否
Array.splice(start, deleteCount, val)	从 start 位置开始删除 deleteCount 元素，并用 val 去替换	返回修改后的数组	是	否
Array.toLocaleString()	数组中的元素将使用各自的 toLocaleString 方法转成字符串，并用逗号分隔	返回一个字符串	否	否
Array.toString()	将数组中的内容按字符串形式返回	返回一个字符串	否	否
Array.unshift()	在数组第一个位置添加一个或多个元素	返回数组的长度	是	否
Array.values()	返回一个包含数组中每个索引值的 Array Iterator 对象	返回数组的迭代器，里面包含值	否	否

可以改变原数组的方法：

Array.copyWithin()
Array.fill()
Array.pop()
Array.push()
Array.reverse()
Array.shift()
Array.unshift()
Array.sort()
Array.splice()

不会改变原数组的方法：

Array.concat()
Array.entries()
Array.keys()
Array.values()
Array.every()
Array.some()
Array.filter()
Array.find()
Array.findIndex()
Array.flat()
Array.flatMap()
Array.includes()
Array.indexOf()
Array.lastIndexOf()
Array.join()
Array.reduce()
Array.reduceRight()
Array.toLocaleString()
Array.toString()

可能会改变 也可能不会改变原数组的方法

Array.forEach()
Array.map()

会产生新数组的方法

Array.from()
Array.of()
Array.concat()
Array.filter()
Array.flat()
Array.flatMap()
Array.map()
Array.reduce()
Array.reduceRight()
Array.slice()

本文只是一个简单的帮助记忆的资料，没有讲过多关于数组 API 的用法。想了解更多用法还是参考上面的链接，去看 MDN 官方的 JS 教程。如在文章中出现某些错误，也欢迎各位大佬在评论区留言指出。码字不易，请尊重作者版权，转载注明出处。
By BeLLESS 2019.03.14 23:36