1.在數(shù)組尾端添加數(shù)據(jù)
var arr1 = [1, 2, 3, 4, 5]
console.log(arr1.push(6), '添加數(shù)組的長(zhǎng)度')
console.log(arr1, '返回添加后的整個(gè)數(shù)組')
2.從尾端提取元素
var arr2 = [1, 2, 3, 4]
console.log(arr2.pop(), '返回尾端提取的元素')
console.log(arr2, '刪除數(shù)組最后一位返回新的數(shù)組')
3.從首端提取元素
var arr3 = [1, 2, 3, 4]
console.log(arr3.shift(), '返回首端提取的元素')
console.log(arr3, '刪除數(shù)組最前一位返回新的數(shù)組')
4.在數(shù)組首端添加元素
var arr4 = [1, 2, 3, 4, 5, 6]
console.log(arr4.unshift('0'), '返回?cái)?shù)組長(zhǎng)度')
console.log(arr4, '返回添加后的整個(gè)數(shù)組')
5.splice的使用 splice(索引,刪除的個(gè)數(shù),替換的內(nèi)容),允許負(fù)索引
var arr5 = [1, 2, 3, 4, 5]
console.log(arr5.splice(0, 2), '返回刪除的數(shù)組,從索引0開(kāi)始,長(zhǎng)度2位置')
console.log(arr5, '返回刪除后的數(shù)組')
var arr6 = [1, 2, 3]
console.log(arr6.splice(0, 0, '你好'), '返回刪除的數(shù)組')
console.log(arr6, '返回添加后的數(shù)組')
console.log(arr6.splice(-1, 0, '你好'), '添加-1前面,返回刪除的數(shù)組')
console.log(arr6, '返回添加后的數(shù)組')
6.slice數(shù)組的使用(開(kāi)始索引,結(jié)束索引) 注意:但不包括最后一位索引
var arr7 = [0, 1, 2, 7, 8, 9]
console.log(arr7.slice(0, 2), '復(fù)制數(shù)組的前兩位')
console.log(arr7.slice(-3, -1), '支持負(fù)數(shù)索引')
console.log(arr7.slice(1), '傳一個(gè)參數(shù),就是從當(dāng)前索引復(fù)制到最后')
7.concat合并數(shù)組
var arr8 = ['kjjj', 'dddd'],
arr9 = ['ssss', 'dddd']
console.log(arr8.concat(arr9), '返回合并后的新數(shù)組')
8.forEach()的使用
var arr10 = [1, 2, 3]
arr10.forEach((item, index, arr) => {
console.log(item, 'item', index, 'index', arr, 'arr返回的整個(gè)數(shù)組')
})
9. indexOf、lastIndexOf 和 includes 方法與字符串操作具有相同的語(yǔ)法
// 注意:indexOf:查詢是從前往后查,查到則停止查詢,查不到則返回-1 lastIndexOf查詢是從后往前查,查到則停止查詢,查不到則返回-1
var arr11 = [1, 2, 3, 4, 5, 6]
console.log(arr11.indexOf(7), '沒(méi)有找到返回-1')
console.log(arr11.indexOf(5), '找到返回當(dāng)前索引')
console.log(arr11.includes(1), '檢測(cè)數(shù)組時(shí)候包含元素,包含返回true不包含返回false')
10.find的方法,如果查詢到返回當(dāng)前對(duì)象,如果查詢不到返回undefined
var arr12 = ['你好', '校長(zhǎng)', '下坡']
var name = arr12.find(item => item == '校長(zhǎng)')
var name2 = arr12.find(item => item == '小明')
console.log(name, 'name', name2, 'name2')
11.filter 過(guò)濾”功能,數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回滿足過(guò)濾條件組成的數(shù)組。
var arr13 = [{
id: 4,
name: '小明3'
}, {
id: 1,
name: '小明'
}, {
id: 2,
name: '小明2'
}, {
id: 3,
name: '小明3'
}]
var filterArr = arr13.filter(item => item.id > 2)
console.log(filterArr, '返回過(guò)濾后符合條件的數(shù)組')
12.sort 數(shù)組排序
var arr14 = [5, 4, 1, 3, 2, 6]
arr14.sort((a, b) => a - b)
console.log(arr14, '從小到大排序的結(jié)果')
arr14.sort((a, b) => b - a)
console.log(arr14, '從大到小排序的結(jié)果')
13.split 和 join
var abc = ['a', 'b', 'c', 'd']
var bcd = "aughfdhgkdfk"
console.log(bcd.split(''), '字符串轉(zhuǎn)數(shù)組的方法')
console.log(abc.join(''), '數(shù)組轉(zhuǎn)字符串')
14.every() 判斷數(shù)組的每一項(xiàng)是否都符合條件 ,都符合返回true,有一項(xiàng)不符合就返回false
var arr16 = [1, 7, 8, 9]
var resulted = arr16.every(item => {
return item < 6
})
var resulted2 = arr16.every(item => {
return item > 0
})
console.log(resulted, 'resulted', resulted2, 'resulted2')
15.some():判斷數(shù)組中是否存在滿足條件的項(xiàng),只要有一項(xiàng)滿足條件,就會(huì)返回true。
var arr17 = [1, 7, 8, 9]
var resulted3 = arr17.some(item => {
return item < 3
})
var resulted4 = arr17.some(item => {
return item < 0
})
console.log(resulted3, 'resulted3', resulted4, 'resulted4')
16.reduce 方法和 reduceRight reduce:從左到右計(jì)算 reduceRight:從右到左計(jì)算
var arr15 = [1, 2, 3, 4, 5, 6, 7, 8, 9]
var result = arr15.reduce((sum, itemValue) => sum + itemValue, 0)
console.log(result, '計(jì)算的結(jié)果')
// Array.isArray 判斷是否為數(shù)組 typeof無(wú)法區(qū)分對(duì)象和數(shù)組
var a = {},
b = []
console.log(typeof a, typeof b)
console.log(Array.isArray(a), Array.isArray(b), '如果是數(shù)組返回true,不是返回false')
浙公網(wǎng)安備 33010602011771號(hào)