一、数组创建的方式：
var arr = [1,2,3]
var arr1 = new Array()
var arr2 = new Array(size) // size: 期望数组元素个数
var arr3 = new Array(element0,element1,...,elementn);
二、length: 获取数组长度
var arr = [1,2,3,4,5];
console.log(arr.length)
三、数组对象的部分方法
// 1、concat()：数组的拼接
var arr1 = [8,6,9,3,2,7,5,1,4]
var arr2 = ['a','b','c']
var arr = arr1.concat(arr2);
console.log(arr) // [1, 2, 3, 4, "a", "b", "c"]
// 2、join()：把数组中所有元素通过指定字符拼接成一个字符串
var str = arr1.join('-') //'-'：指定连接字符
console.log(str) // 8-6-9-3-2-7-5-1-4
// 3、pop()：删除数组的最后一个元素,并返回该值
var lastEle = arr2.pop();
console.log(lastEle) // c
// 4、shift()：删除数组的第一个元素,并返回该值
var firstEle = arr2.shift();
console.log(firstEle) // a
// 5、push()：向数组的末尾添加元素，并返回数组新的长度
var newLength = arr2.push('d')
console.log(newLength) // 4
// 6、reverse()：将数组中的元素倒叙排列
var newArr = arr1.reverse();
console.log(newArr) // [4, 3, 2, 1]
console.log(arr1) // [4, 3, 2, 1]
// 7、sort()：对数组元素进行排序 sort方法内传入指定规则的函数
// 升序
arr1.sort(function (x,y) {
return x-y
})
console.log(arr1); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
// 降序
arr1.sort(function (x, y){
return y-x
})
console.log(arr1); // [9, 8, 7, 6, 5, 4, 3, 2, 1]
// 8、slice(start,end)：从数组中返回选定的元素,返回的是一个新的数组
// start:必填，当为正值时，从数组头部开始算起；当为负值时，从数组尾部开始算起；0：返回整个数组；
// end:非必填，规定从何处结束；如果为负数，从数组尾部开始算起；如果没有改参数，则切分的数组从数组的start到数组结束的所有元素；
var s = arr1.slice(3) // 只有start 则从数组中下标为3的位置开始取值(包含下标3的值)直到数组尾部
console.log(s) // [6, 5, 4, 3, 2, 1]
var se = arr1.slice(2,5) // 从数组中下标为2的位置开始取值，到下标为5(不包含下标为5的值)
console.log(se); // [7, 6, 5]
// 9、splice(index,howmany,item1...itemX)：删除元素，并向数组中添加新的元素
// index: 必填，整数，规定添加或者删除元素的位置，使用负数则从数组尾部开始，0：从第首端开始
// howmany: 必填，要删除的项目数量；如果该值为0，则不会删除元素
// item1...itemX: 可选，向数组中添加的新元素
var arr3 = ['js','html','css','vue']
arr3.splice(1,0,'iOS') // 在数组下标为1的位置插入一个元素；并且不删除任何元素
console.log(arr3) // ["js", "iOS", "html", "css", "vue"]
arr3.splice(1,2) // 从数组中下标为1的元素开始删除两个元素
console.log(arr3) // ["js", "css", "vue"]
arr3.splice(1,1,'iOS','java','python') // 从数组中下标为1的位置删除1个元素，并且在该位置插入元素
console.log(arr3) // ["js", "iOS", "java", "python", "vue"]
// 10、indexOf() 获取某个元素在数组中的下标
console.log(arr3.indexOf('java')) // 2
// 11、获取某个下标的元素
console.log(arr3[3]) // python
// 12、forEach() 对数组进行循环遍历
var arr4 = [10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
arr4.forEach((item, index, a) => {
// 参数item: 数组中每一项的内容
// 参数index: 数组索引
// 参数a: 指的是数组本身
console.log(item + " " + index + " " + (a === arr4));
});
// 13、map() 函数映射，传一个指定的函数，返回执行该函数后返回的结果，组成一个新的数组
var arr5 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var newArr5 = arr5.map((item, index) => {
// 参数item: 数组中每一项的内容
// 参数index: 数组索引
return item * index;
});
console.log(newArr5);
// 14、filter() 过滤方法，参数：传递一个符合条件的函数，返回满足过滤条件的新数组
var fArr5 = arr5.filter((item, index) => {
// 参数item: 数组中每一项的内容
// 参数index: 数组索引
return item % 2 == 0;
});
console.log(fArr5);
// 15、every() 用来判断数组中的所有项是否都满足某一条件，都满足返回true,否则false
var isHave = arr5.every((item) => {
return item > 8;//判断数组中所有元素是否都大于8
})
console.log(isHave) // false
// 16、some() 判断数组中是否有满足某一条件的项，如果有返回true，否则false
var isHaveSome = arr5.some((item) => {
return item > 8 //判断数组中是否存在大于8的项
})
console.log(isHaveSome) // true
// 17、reduce() 从第一项开始到最后一项，迭代数组中所有项，根据函数内的逻辑，返回一个最终的值
var sum = arr5.reduce((first,second,index,a) => {
return first + second
})
console.log(sum) // 55
// 18、reduceRight() 和reduce()功能类似 只不过reduceRight()是从右开始向左迭代
var sum1 = arr5.reduceRight((first,second,index,a) => {
return first + second
},10) // 10 是一个计算基数，可以根据需求填写
console.log(sum1) //65
网友评论