JS数组常用方法

1.push方法 可以一次加多个元素

this.letters.push('aaa')

2.通过索引值修改数组中的元素,下面写法无法做到响应式改变数据。

this.letters[0] = 'bbbbb'
console.log(this.letters)

3.pop() 从末尾删除掉

this.letters.pop();   // 响应式的

4.shift() 从头部删除掉

 this.letters.shift();  // 响应式的

5.unshift() 在数组最前面添加元素 可以一次加多个元素

this.letters.unshift("abc","f");

6.splice() 可删除元素,添加元素,替换元素 splice(start,)
6.1.删除元素,第二个参数传入你要删除几个元素。如果第二个元素不传,则将start往后的所有元素删除
6.2.替换元素,第二个参数表示要替换几个元素,后面是用于替换前面的元素。

this.letters.splice(1,3,'m','n','l')    // 从1开始替换三个(不包含1)

6.3.添加元素,第二个参数传入0,后面跟上要插入的参数。
从第二个位置开始,不删除参数,添加”你好“

 this.letters.splice(2,0,"你好");

7.slice() 方法可从已有的数组中返回选定的元素。

	// arrayObject.slice(start,end)   -1最后一个元素。  end截取时不被包括。
	arr = [1, 2, 3, 4, 5, 6, 7]
	console.log( arr.slice(0) )     // 全部
	console.log( arr.slice(2) )     // 3,4,5,6,7
	console.log( arr.slice(1,2) )     // 2
	console.log( arr.slice(1,3) )     // 2,3
	console.log( arr.slice(0,-2) )     // 1,2,3,4,5

8.sort() 用于对数组的元素进行排序。

	this.letters.sort();
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	输出Apple,Banana,Mango,Orange
	// 升序
 	var points = [40,100,1,5,25,10];
	points.sort(function(a,b){return a-b});
	// 降序
	var points = [40,100,1,5,25,10];
	points.sort(function(a,b){return b-a});

9.reverse() 将数组内容进行反转

 this.letters.reverse();

10.修改数组中的元素,Vue自带一个方法

 // set(要修改的对象,索引值,修改后的值)
 Vue.set(this.letters,0,'bull')   // 修改索引0的数据为bull
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS数组常用方法有很多,以下是其中的一些常用方法: 1. Array.push():向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。 2. Array.pop():删除数组的最后一个元素,并返回删除的元素。原数组改变。 3. Array.shift():删除数组的第一个元素,并返回删除的元素。原数组改变。 4. Array.unshift():向数组的开头添加一个或多个元素,并返回新的数组长度。原数组改变。 5. Array.reverse():反转数组的顺序。原数组改变。 6. Array.sort():对数组进行排序。原数组改变。 7. Array.splice():从数组中删除元素,并可以在指定位置插入新的元素。原数组改变。 8. Array.concat():合并两个或多个数组,生成一个新的数组。原数组不变。 9. Array.join():将数组的所有元素连接成一个字符串。原数组不变。 10. Array.indexOf():返回指定元素在数组中的索引,如果不存在则返回-1。 11. Array.slice():从指定位置截取数组的片段并返回新的数组。原数组不变。 12. Array.forEach():对数组的每个元素执行指定的操作。 13. Array.map():对数组的每个元素执行指定的操作,并返回一个新的数组。 14. Array.filter():根据指定的条件过滤数组的元素,并返回一个新的数组。 15. Array.every():检测数组的所有元素是否都满足指定的条件。 16. Array.some():检测数组的是否存在满足指定条件的元素。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值