首页 > 编程语言 > 详细

数组方法大全

时间:2019-04-25 18:34:11      阅读:139      评论:0      收藏:0      [点我收藏+]

转载自别人,写在自己博客以便以后查阅

JavaScript中创建数组有两种方式
(一)使用 Array 构造函数: 

  var arr1 = new Array(); //创建一个空数组
  var arr2 = new Array(20); // 创建一个包含20项的数组
  var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组

(二)使用数组字面量表示法:


  var arr4 = []; //创建一个空数组
  var arr5 = [20]; // 创建一个包含1项的数组
  var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组

数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些:
join()
push()和pop()
shift() 和 unshift()
sort()
reverse()
concat()
slice()
splice()
indexOf()和 lastIndexOf() (ES5新增)
forEach() (ES5新增)
map() (ES5新增)
filter() (ES5新增)
every() (ES5新增)
some() (ES5新增)
reduce()和 reduceRight() (ES5新增)

下面详细介绍一下各个方法的基本功能。
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](原数组不变)


通过join()方法可以实现重复字符串,只需传入字符串以及重复的次数,就能返回重复后的字符串,函数如下:

1 function repeatString(str, n) {
2 return new Array(n + 1).join(str);
3 }
4 console.log(repeatString("abc", 3)); // abcabcabc
5 console.log(repeatString("Hi", 5)); // HiHiHiHiHi

2、push()和pop()

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

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

3、shift() 和 unshift()

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

这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。

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"]

 

 

 

 


数组方法大全

原文:https://www.cnblogs.com/rose7/p/10770039.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!