数组的相关方法及使用

JavaScript 数组的力量隐藏在数组方法中。js数组的方法有很多,这里给大家总结一些常用的方法以及用法。
数组的方法主要有以下几种
join()
pop()
push()
shift()
unshift()
splice()
slice()
concat()
sort()
reverse()
forEach()
map()
filter()
reduce()
reduceRight()
every()
some()
indexOf()
lastIndexOf()
find()
findIndex()
下面开始一一介绍上述方法的使用
1、join() 将数组以规定的符号整合成字符串,默认是逗号。该方法不改变原数组 。

  var arr = ["Banana", "Orange","Apple", "Mango"];
  var fruits  = arr.join(" * "); 
  console.log(fruits);  //  Banana * Orange * Apple * Mango
  console.log(arr)  // 原数组不变["Banana", "Orange","Apple", "Mango"]

2、pop() 方法 从数组中删除最后一个元素,返回值是删除的元素:

var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits  = arr.pop(); 
console.log(fruits);  //  返回值为 Mango

3、push() 方法 向数组结 尾处添加一个新的元素:

   var arr = ["Banana", "Orange","Apple", "Mango"];
    var fruits  = arr.push("Kiwi");
    console.log(fruits);  // 返回值是新数组长度 5

4、shift()方法 删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 。这和pop()正好相反。

var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits  = arr.shift();
console.log(fruits);  // 返回删除的元素值 Banana

5、unshift()方法 向数组头部添加元素 , 返回新数组的长度。这和push()正好相反。

var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits  = arr.unshift('Kiwi');
console.log(fruits);  // 返回新数组长度 5

6、splice()方法功能比较强大,可以实现对数组元素的删除、添加、替换。
该方法接受三个参数:

第一个参数定义了应添加新元素的位置(下标)。
第二个参数定义应删除多少个元素。
其余参数定义要添加的新元素。

向数组添加元素 ( 从下标2开始删除0项元素,并从下标2处插入元素 ‘Lemon’,‘Kiwi’ )

var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits  = arr.splice(2,0,'Lemon','Kiwi');
console.log(fruits);  // 返回删除元素组成的数组 []
console.log(arr)  // ["Banana", "Orange", "Lemon", "Kiwi", "Apple", "Mango"]

删除数组的元素 ( 从下标2开始删除2项元素,并从下标2处插入元素 ‘Lemon’,‘Kiwi’ )

var arr = ["Banana", "Orange","Apple", "Mango"];
var fruits  = arr.splice(2,2,'Lemon','Kiwi');
console.log(fruits);  // 返回删除元素组成
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值