js数组原型的方法

方法都有什么呢?

1.join()

join(separator): 将数组的元素组起一个字符串,以separator为分割符,省略的话则默认以逗号为分隔符,该方法只接受一个参数:即分隔符。

 1. var arr = [1,2,3];
 2. console.log(arr.join()); // 1,2,3
 3. console.log(arr.join("-")); //1-2-3
 4. console.log(arr); //[1,2,3]

2.push()和pop()

push(): 可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。
pop(): 数组末尾移除最后一项,减少数组的 length 值,然后返回移除的项。


 1. var arr = ["Bob","Lucy","Tom"];
 2. var const = arr.push("Baby","Jack");
 3. console.log(count);  // 5
 4. console.log(arr)  // ["Bob","Lucy","Tom","Baby","Jack"]
 5. var item = arr.pop();
 6. console.log(item);   // Jack
 7. console.log(arr);  // ["Bob","Lucy","Tom","Baby"]

3.shift() 和 unshift()

shift(): 删除原数组第一项,并返回删除元素的值,如果数组为空则返回 undefined。
unshift(): 将参数添加到原数组开头,返返回数组的长度。


 1. var arr = ["Lily","Lucy","Tom"];
 2. var count = arr.unshift("Jack","Sean");
 3. console.log(count);  // 5
 4. console.log(arr);  //["Jack","Sean","Lily","Lucy","Tom"]
 5. var item = arr.shift();
 6. console.log(item); // Jack
 7. console.log(arr);  // ["Sean","Lily","Lucy","Tom"]

4.sort()

sort(): 按升序排列数组项 ——即最小的值位于最前面,最大的值排在最后面。
在排序时,sort() 方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值,sort()比较的也是字符串,因此会出现以下这种情况 :

var arr1 = ["a","d","c","b"];
console.log(arr1.sort());  // ["a","b","c","d"]
arr2 = [13, 24, 51, 3];
console.log(arr2.sort());  // [13, 24, 3, 51]
console.log(arr2);   // [13, 24, 3, 51](元数组被改变)

为了解决上述问题,sort() 方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回 0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:


 1. function compare(value1, value2) {
 2. if (value1 < value2) {
 3. return -1;
 4. } else if (value1 > value2) {
 5. return 1;
 6. }else{
 7. return 0;
 8. }
 9. }
 10.arr2 = [13,24,51,3];
 console.log(arr2.sort(compare));  // [3,13,24,51] 

如果需要通过比较函数产生降序排序的结果,只要交换比较函数返回的值即可:


 1. function compare(value1, value2) {
 2. if (value1 < value2) {
 3. return 1;
 4. } else if (value1 > value2) {
 5. return -1;
 6. } else {
 7. return 0;
 8. }
 9. }
 10.arr2 = [13, 24, 51, 3];
 11.console.log(arr2.sort(compare)); // [51, 24, 13, 3]

5.reverse()

reverse():反转数组项的顺序。


 1. var arr = [13, 24, 51, 3];
 2. console.log(arr.reverse()); //[3, 51, 24, 13]
 3. console.log(arr); //[3, 51, 24, 13] (原数组改变)

6.concat()

concat() :将参数添加到原数组中。这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给 concat()方法传递参数的情况下,它只是复制当前数组并返回副本。


 1. var arr = [1,3,5,7];
 2. var arrCopy = arr.concat(9,[11,13]);
 3. console.log(arrCopy); //[1, 3, 5, 7, 9, 11, 13]
 4. console.log(arr); // [1, 3, 5, 7] (原数组未被修改)

从上面测试结果可以发现:传入的不是数组,则直接把参数添加到数组后面,如果传入的是数组,则将数组中的各个项添加到数组中。但是如果传入的是一个二维数组呢?


 1. var arrCopy2 = arr.concat([9,[11,13]]);
 2. console.log(arrCopy2); //[1, 3, 5, 7, 9, Array[2]]
 3. console.log(arrCopy2[5]); //[11, 13]

。。。下次再补充

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值