数组方法不混淆
多且易乱的数组方法
js 中对数组操作比比皆是,不管是单纯前端操作数组变量,还是后台返回的数组形式接口数据,都需要用到数组一些方法操作数组。不知道大家是不是和我一样经常忘记或混乱数组一些方法,什么 find(),some(),reduce()等等,还有哪些会改变原始数组哪些返回新数组,真是一头雾水。
来张图片压压惊
这张图是我收藏的数组方法图,上面列出了常见的数组方法及解释,界面很舒服,应该一看就懂。
看我整理
构造函数 Array 专属
Array构造函数的方法常见有三种:
Array.isArray(obj)--- 判断对象是否为数组,返回布尔
Array.isArray([]) // trueArray.isArray({}) // false
创建新数组
下面两种方法意在创建新数组,所以我总结在一个大类里面。
比较常见的有两种创建形式,大家可以理解分类记忆。
- 可以指定规则:从一个迭代器对象或一个伪数组按照一定规则生成新的数组。
Array.from(arrayLike[, mapFn[, thisArg]])
参数:
arrayLike
想要转换成数组的伪数组对象或可迭代对象。
mapFn (可选参数)
既然有规则,必定需要指定规则函数。
thisArg(可选参数)
可选参数,执行回调函数 mapFn 时 this 对象。
Array.from('foo')// ["f