数组介绍及其方法使用：数组是最简单的内存数据结构，数组存储一系列同一种数据类型的值（JavaScript数组中可以保存不同类型的值）
① 起步 创建和初始化数组
let arr = []
let arr1 = new Array()
② 添加元素
let arr = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
- 在数组末尾插入元素 ： arr[arr.length] = 10
- 使用 push 方法 ：arr.push(11)
- 在数组开头插入元素 : 使用 unshift 方法 arr.unshift(-1)
③ 删除元素
- 从数组末尾删除元素 ： 使用 pop 方法 arr.pop()
- 从数组开头删除元素 ： 使用 shift 方法 arr.shift()
- 在任意位置添加或删除元素： arr.splice(5,3); 这行代码删除了从数组索引5开始的3个元素。
delete arr[下标] 也可以删除数组中指定的下标元素。
添加元素到任意位置 ：arr.splice(5,0,2,3,4) // 解释： splice 方法接收的第一个参数，表示想要删除或插入的元素索引值。第二个参数是删除元素的个数。第三个参数往后，就是要添加到数组里的元素值（元素 2、3、4） 。
④ 二维和多维数组 （矩阵）
- JavaScript 只支持一维数组，并不支持矩阵。但是，我们可以用数组套数组，实现任一多维数组。
let arr = []
arr[0] = [ 1, 3, 5, 7, 9 ]
arr[1] = [ 2, 4, 6, 8, 10 ]
⑤ 进阶 JavaScript 的数组方法
- concat： 链接2个或更多数组，并返回结果。
- every： 对数组中的每个元素运行给定函数，如果该函数对每个元素都返回 TRUE，则返回 FALSE。
- filter： 对数组中的每个元素运行给定函数，返回该函数会返回 TRUE 的元素组成的数组。
- forEach： 对数组中的每个元素运行给定函数，这个方法没有返回值。
- join： 将所有的数组元素连接成一个字符串。
- indexOf： 返回第一个与给定参数相等的数组元素的索引，没有找到则返回 -1。
- lastIndexOf： 返回在数组中搜索到的与给定参数相等的元素的索引里最大的值。
- map： 对数组中每个元素运行给定的函数，返回每次函数调用的结果组成的数组。
- reverse： 颠倒数组中原色的顺序，原先第一个元素现在变成最后一个，同样原先的最后一个数组元素变成了现在的第一个。
- slice： 传入索引值，将数组里对应索引范围内的元素作为新数组返回。
- some ： 对数组中的每个元素运行给定函数，如果任一元素返回 TRUE，则返回 TRUE。
- sort ：按照字母顺序对数组排序，支持传入指定排序方法的函数作为参数。
- toString ： 将数组作为字符串返回。
- valueOf ： 和 toString 类似，将数组作为字符串返回。
数组合并
let arr = 0
let arr1 = [ 1, 2, 3 ]
let arr2 = [ 4, 5, 6 ]
let arr3 = arr1.concat(arr,arr2)
迭代器函数
- 用 every 方法迭代 ： every 方法会迭代数组中的每个元素，直到返回 FALSE。
- 用 some 方法迭代 ：some 和 every 的行为相反，会迭代数组的每个元素，直到函数返回 TRUE。
- 用 forEach 方法迭代：如果要迭代整个数组，可以用 forEach 方法。他和使用 for 循环结果相同。
- 用 map 方法迭代：会返回新数组的迭代方法，返回的新数组由使用函数返回 TRUE 的元素组成。
- 用 filter 方法迭代：返回的新数组由使用函数返回 TRUE 的元素组成。
- 使用 reduce 方法：reduce 方法接收一个有如下四个参数的函数：previousValue、currentValue、index、和 array。因为 index 和 array 是可选的参数，所以如果用不到它们可以不用传。这个函数会返回一个将被叠加到累加器的值，reduce 方法停止执行后会返回这个累加器。 如果要对一个数组中的所有元素求和，可以使用这个方法。
⑥ ES6+ 数组的新功能
- @@iterator ： 返回一个包含数组键值对的迭代器对象，可以通过同步调用得到数组元素的键值对。
- copyWithin ： 复制数组中一系列元素到同一数组指定的起始位置。
- entries ： 返回包含数组所有键值对的 @@iterator。
- includes ： 如果数组中存在某个元素返回 TRUE，否则返回 FALSE 。
- find ： 根据回调函数给定的条件从数组中查找元素，如果找到则返回该元素。
- findIndex ： 根据回调函数给定的条件从数组中查找元素，如果找则返回该元素在数组中的索引。
- fill ： 用静态值填充数组。
- from ： 根据已有数组创建一个新的数组。
- keys ： 返回包含数组所有索引的 @@iterator。
- of ： 根据传入的参数创建一个新的数组。
- values ： 返回包函数组中所有值的 @@iterator。
1. 使用 for…of 循环迭代
for(const n of numbers) {
console.log( n % 2 === 0 ? 'even' : 'odd' )
}
2. 使用 @@iterator 对象
let iterator = numbers[Symbol.iterator]()
console.log( iterator.next().value )
3. 数组中的 entries、keys 和 values 方法
let aEntries = numbers.entries()
let aKeys = numbers.keys()
let aValues = numbers.values()
4. 使用 from 方法
let numbers2 = Array.from(numbers)
5. 使用 Array.of 方法
let arr = Array.of( 1 )
let arr2 = Array.of( 1, 2, 3, 4, 5, 6 )
let arr = [ 1 ]
let arr2 = [ 1, 2, 3, 4, 5, 6]
6. 使用 fill 方法
let arr = [ 1, 2, 3, 4, 5 ]
arr.fill(0)
arr.fill(2, 1)
arr.fill(1, 3, 4)
7. 使用 copyWithin 方法
let arr = [1, 2, 3, 4, 5, 6]
arr.copyWithin(0,3)
8. find 和 findIndex 方法
let numbers = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15 ]
function multipleOf13(element, index, array ) {
return (element % 13 == 0 )
}
numbers.find(multipleOf13)
numbers.findIndex(multipleOf13)
9. includes 方法
- 如果数组中存在某个元素返回 TRUE，否则返回 FALSE 。
- 如果给 includes 方法传入一个起始索引，搜索会从索引指定的位置开始。
let arr = [ 7, 6, 5, 4, 3, 2, 1 ]
arr.includes(4,5)
10. 输出数组为字符串
let arr = [ 1, 2, 3 ]
arr.toString()
arr.jion()
arr.jion('-')
11. 排序元素 reverse 和 sort 方法
let arr = [ 1, 2, 3 ]
arr.reverse()
let arr2 = [ 1, 5, 5, 0, 6, 6, 0, 1, 3 ]
arr2.sort()
*****************************
arr2.sort((a,b)=> {
a-b
})
一个自定义排序的示例题
- 例如，对象 Person 有名字和年龄属性，我们希望根据年龄排序，就可以按照下面这样子写。
const friends = [
{ name: '张三' , age: 28 },
{ name: '李四' , age: 18 },
{ name: '王五' , age: 15 },
{ name: '赵六' , age: 39 },
]
function PaiXuHanShu(a, b) {
if(a.age < b.age) {
return -1
}
if(a.age > b.age) {
return 1
}
return 0
}
console.log(friends.sort(PaiXuHanShu))
如若存在不足之处，尽请评论指正，建议收藏，后期不定时更新，添加，更改相关代码，并会增加一系列的相关联的代码示例，帮助更好的理解数组这些常用方法API的使用。
扫一扫
827
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
