遍历
-
for…in
用于对数组/对象的循环操作(适用于key:value的对象或数组)
let a = ['a','b','c']; (本文中所提到的a) a.name = 'xiao'; for (let i in a) { console.log(i) // result:'0','1','2','xiao' }
坑点:i的数据类型是string(不是number);不仅会将数组本身遍历,而且添加的一些属性也会被遍历到
-
for 循环
只能用于遍历数组,简单易懂,但是写起来会稍微麻烦
for (let i=0; i<a.length; i++) { }
-
for … of
修复for… in问题,只循环本身元素,可以使用break,continue,return
for (let i of a) { console.log(i) // result: 'a','b','c' }
-
forEach()
没办法使用break,continue,return(使用return 循环会被跳过,而使用break,continue会报错)
a.forEach((element, index ,array) => { console.log(element+','+index); // result:'a',0 'b',1 'c',2 })
-
Object.keys()
返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属 性时的一致。(官方定义)
Object.keys(a) // result: ['0','1','2']
-
map()
对数组的每个元素调用定义的回调函数并返回包含结果的数组。
a.map((num) => { return num; }) // result: ['a','b','c'] // map(),forEach()搭配使用 let bb=[] a.map((num) => {return num}).forEach((n) => {bb.push(n)}) // result: ['a','b','c']
-
filter()
返回数组中的满足回调函数中指定的条件的元素。
a.filter((item) => {return (item=='a')}) // result: ['a'] 或者这样写简洁明了:a.filter(item => item=='a')
-
some()
确定指定的回调函数是否为数组中的任何元素均返回 true(返回结果为Boolean类型:true or false)
a.some(item => item=='a') // result: true
-
every()
确定数组的所有成员是否满足指定的测试。返回结果为Boolean类型
a.every(item => item=='a') // result: false a.every((item) => {return (typeof item =='string')}) // result: true
-
entries()
返回一个迭代器,它返回数组的键/值对。
for (let [index, elem] of a.entries()) { console.log(index, elem); // result: [0,'a'] [1,'b'] [2,'c'] }
数组操作
-
push()、pop()、shift()、unshift()
push(): 将新元素追加到一个数组中,并返回新的数组长度。
pop(): 从数组中移除最后一个元素并返回该元素。
shift(): 从数组中移除第一个元素并将返回该元素。
unshift(): 在数组的开头插入新元素。 -
reverse()
颠倒数组中元素的顺序
a.reverse(); // result:['c','b','a']
-
sort()
对数组进行排序
-
slice(start,end)
该方法并不会修改数组,而是返回数组的一部分
a.slice(1); // result:['b','c'] a.slice(1,2); // result:['b']
-
splice(index, deletenum, item1,…,itemX)
从一个数组中移除元素,如有必要,在所移除元素的位置上插入新元素,并返回所移除的元素。
a.splice(1,1); // result:a=['a','c']; a.splice(1,0,'h','d') // result:a=['a','h','d','b','c']