Js之中Array(数组)方法解读

经过了很长时间的沉积,再次更新博客,本次内容是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]
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值