我是靠谱客的博主 直率大树,最近开发中收集的这篇文章主要介绍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]

。。。下次再补充

最后

以上就是直率大树为你收集整理的js数组原型的方法的全部内容,希望文章能够帮你解决js数组原型的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(48)

评论列表共有 0 条评论

立即
投稿
返回
顶部