经过了很长时间的沉积,再次更新博客,本次内容是js数据之中,数组的常用方法解读。话不多说,咱们进入正题。
什么是Array(数组)
Array对象用于在单个变量值中存储多个值。
创建Array的语法
new Array();
new Array(size);
new Array(element0, element1, ..., elementn)
1.参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。
2.参数 element …, elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
Array对象方法
Array.map()
此方法是将数组中的每个元素调用一个提供的函数,作为一个新的数组返回,并不会修改原来的数组。
示例:
let arr = [1,2,3,4];
//创建新数组调用map方法
let newArr = arr.map(x => x*2);
//newArr = [2,4,6,8]; 新数组
//arr = [1,2,3,4]; 原数组不变
Array.filter()
此方法是将所有元素进行判断,将满足条件的元素作为一个新的数组返回。
示例:
let arr = [1,2,3,4];
let newArr = arr.filter( x => x>2);
// newArr = [3,4]
Array.every()
此方法是将所有的元素进行判断返回一个布尔值,如果所有元素都满足条件,就返回true,否则返回false。
示例:
let arr = [1, 2, 3, 4, 5]
arr.every( x=> x>2 ) //false
arr.every( x=> x<6 ) //true
Array.some()
此方法是将所有的元素进行判断返回一个布尔值,如果有一个元素满足条件,就返回true,如果都不满足,返回false。
示例:
let arr = [1, 2, 3, 4, 5]
arr.some( x=> x<2 ) //true
arr.some( x=> x>6 ) //false
Array.reduce()
此方法是所有元素调用返回函数,返回值为最后结果,传入的值必须是函数类型:
示例:
let arr = [1, 2, 3, 4, 5]
const add = (a, b) => a + b
let sum = arr.reduce(add)
//sum = 15 相当于累加的效果
//与之相对应的还有一个 Array.reduceRight() 方法,区别是这个是从右向左操作的
Array.push()
此方法实在数组后面添加新加元素,此方法会改变数组的长度。
示例:
let arr1 =[1,2,3];
let arr2 =[3,4];
arr1.push(3);
//arr1 = [1,2,3,3]
arr1.push(3,4); //你可以push多个,中间用 , 隔开即可。
//arr1 = [1,2,3,3,4]
arr1.push(arr2); //如果你push里面还是一个数组的话,他会把 arr2 当成一个数组进行嵌套.
// arr1 = [1,2,3, arr2]; arr2=[3,4];
Array.pop()
此方法在数组后面删除最后一个元素,并返回数组,此方法改变了数组的长度:
示例:
let arr = [1, 2, 3, 4, 5]
arr.pop()
console.log(arr) //[1, 2, 3, 4]
console.log(arr.length) //4
Array.unshift()
此方法是将一个或多个元素添加到数组的开头,并返回新数组的长度:
示例:
let arr = [1, 2, 3, 4, 5]
arr.unshift(6, 7)
console.log(arr) //[6, 7, 1,2, 3, 4, 5]
console.log(arr.length) //7
Array.isArray()
判断一个对象是不是数组,返回布尔值。
示例:
let arr = [1,2,3];
let a = 2;
Array.isArray(arr); //true
Array.isArray(a); //false
Array.concat()
将多个数组拼成一个数组。
示例:
let arr1 = [1,2,3];
let arr2 = [3,4,5];
let arr = arr1.concat(arr2);
// arr = [1,2,3,3,4,5]
Array.toString()
将数组转换为字符串。
示例:
let arr = [1, 2, 3, 4, 5];
let str = arr.toString()
console.log(str)// 1,2,3,4,5
Array.join()
此方法也是将数组转换为字符串,但是可以设置转换时两个数组直接的内容。
示例:
let arr = [1, 2, 3, 4, 5];
let str1 = arr.toString()
let str2 = arr.toString(',,')
let str3 = arr.toString('##')
console.log(str1)// 1,2,3,4,5 默认用 , 隔开
console.log(str2)// 1,,2,,3,,4,,5
console.log(str3)// 1##2##3##4##5
Array.splice()
Array.splice(开始的位置,删除项目的个数,添加的新项目)
这是万能的一个方法,可以实现增删改。
参数解读:
开始的位置:必须写,如果是负数就从结尾处规定位置。
删除项目的个数:必须写,没有可以写0.
添加的新项目,选写。
示例:
let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 , 'haha')
let arr2 = arr.splice(2, 3)
let arr3 = arr.splice(2, 1 ,'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素
Array.reverse()
颠倒数组中元素的顺序,会改变原数组。
示例:
let arr = [1,2,3];
arr.reverse();
//arr = [3,2,1]
Array.sort()
对数组的元素进行排序,会改变原数组。
说明:
1.如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
Ps:如果数组元素是数字,便是从小到大排列。如果是字符形式的数字,即”1“,而非 1.便不是从小到大排列
2.如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
- 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
- 若 a 等于 b,则返回 0。
- 若 a 大于 b,则返回一个大于 0 的值。
示例:
let arr = [3,8,4,9];
arr.sort(); //arr = [3,4,8,9];
let maxToMin = (a,b) => b-a;
arr.sort(maxToMin ); //arr = [9,8,4,3]