数组方法

arr.push()

作用:
添加数组,它添加的位置在数组的后面。

语法:

1 数组.push(element1,element2...);

参数:
一个或多个元素,可以累加。

返回值:
返回一个数字(新数组的长度),原数组已经改变了。

1 var arr=[‘a‘,‘b‘,‘c‘];
2 console.log(arr.push(1));//4
3 console.log(arr);//["a", "b", "c", 1]

arr.unshift()

作用:
添加数组,它添加的位置在数组的前面。

语法:

1 数组.unshift(element1,element2...);

参数:
一个或多个元素,可以累加。

返回值:
返回一个数字(新数组的长度),原数组已经改变了。

1 var arr=[1,2,3,4,5];
2 console.log(arr.unshift(‘a‘));//6
3 console.log(arr);//["a", 1, 2, 3, 4, 5]

arr.pop()

作用:
删除数组最后一个元素。

语法:

1 数组.pop();

参数:
无。

返回值:
返回被删除的那个数据,原数组已经变了删除后的数据。

1 var arr=[2,3,4,5,‘c‘];
2 console.log(arr.pop());//c
3 console.log(arr);//[2, 3, 4, 5]

arr.shift()

作用:
删除数组第0个数据。

语法:

1 数组.shift();

参数:
无。

返回值:
返回被删除掉的那个数据,原数组变成了删除后的数据。

1 var arr=[1,2,3,4,5];
2 console.log(arr.shift());//1
3 console.log(arr);//[2, 3, 4, 5]

arr.forEach()

作用:
遍历数组。

语法:

1 数组.forEach(function(currentValue,index,arr){
2     //每循环一次就执行这里的代码
3 });

参数:
forEach里的参数是回调函数。
回调函数里的参数:
1、currentValue 当前数组中的数据。
2、index 当前数据对应的索引。
3、arr 这个数组。

栗子:

1 var arr=[‘a‘,‘b‘,‘c‘,‘d‘];
2 arr.forEach(function(value,index,arr){
3     console.log(value,index,arr);//a  b  c  d
4 });

arr.sort()

作用:
数组排序。

语法:

1 数组.sort(function(){
2     //排序的方法
3 });

参数:
用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的诸个字符的Unicode位点进行排序。

1 var arr=[1,45,37,0,29,90,74,-10,3.15];
2 arr.sort(function(a,b){
3     return a-b;
4 });
5 console.log(arr);//-10,0,1,3.15,29,37,45,74,90

返回值:
返回排序后的数组,原数组已经变成了排序后的数组。

arr.concat()

作用:
连接数组。

语法:

1 数组.concat(value1,value2...);

参数:
可以是数组也可以是非数组。

返回值:
返回一个连接后的新数组,原数组不变。

1 var c=[‘red‘,‘green‘,‘blue‘,‘pink‘];
2 var nc=c.concat(‘100‘);
3 console.log(nc);//red,green,blue,pink,100
4 console.log(c);//red,green,blue,pink

arr.reverse()

作用:
反转数组。

语法:

1 数组.reverse();

参数:
无。

返回值:
返回一个把原数组反转的数组,原数组改变。

1 var arr=[1,2,3,4,5];
2 console.log(arr.reverse());//5,4,3,2,1
3 console.log(arr);//5,4,3,2,1

arr.join()

作用:
把数组变成字符串。

语法:

1 数组.join(separator);

参数:
separator 分隔符,用于指定连接每个数组元素的分隔符。分隔符会被转成字符串类型;如果省略的话,默认为一个逗号。如果 seprator 是一个空字符串,那么数组中的所有元素将被直接连接。

1 var arr=[1,5,7,93,24,‘b‘];
2 console.log(arr.join(‘@‘));//[email protected]@[email protected]@[email protected]
3 console.log(arr.join(‘‘));//1579324b

返回值:
返回一个数组用指定的分隔符拆分成的一个字符串,原来的数组不变。

arr.slice()

作用:
截取数组中一部分。

语法:

1 数组.slice(begin,end);

参数:
begin:起始位置(起始下标的位置)。
end:结束位置(结束下标的位置,不包含结束位置)。如果没有,默认到数组的最后一位 。

两个参数都没有,默认截取全部数组。

1 var arr=[‘a‘,‘efd‘,‘guoguo‘,‘ggg‘];
2 console.log(arr.slice(1));//efd,guoguo,ggg
3 console.log(arr.slice(1,2));//efd
4 console.log(arr.slice());//a,efd,guoguo,ggg

返回值:
返回一个截取后的数组,原数组不变。

arr.splice()

作用:
替换数组。

语法:

1 数组.splice(start,deleteCount,item);

参数:
start 起始位置。
deleteCount 删除的长度。
item 替换的内容。

如果没有item这个参数,代表截取数组。
如果有item这个参数,会先取到前两个参数决定的位置,然后用这个参数顶替它。

1 var a=[‘red‘,‘green‘,‘blue‘,‘pink‘,‘white‘,‘yellow‘];
2 console.log(a.splice(1,3));//green,blue,pink
3 console.log(a);//red,white,yellow
4 var b=[1,2,3,4,5];
5 console.log(b.splice(1,2,‘2000‘,‘a‘,‘c‘,6,9));//2,3
6 console.log(b);//1,2000,a,c,6,9,4,5

返回值:
返回截掉的内容,原来的数组已经变化了,变成删除后内容。

时间: 2024-08-03 11:16:38

数组方法的相关文章

【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型

前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 7.位置方法 8.迭代方法 9.归并方法 在实例中介绍,实例如下 /* Array类型 js数组中的每一项可以用来保存任何类型的数据:js数组的大小是可以动态调整的 */ var colors = ["red", "blue", "green"];

JavaScript数组方法对比(深度学习数组)

JavaScript数组方法对比 众所周知,JavaScript提供了许多对数组进行改变的方法,但是有些会对原数组进行影响,有些不会.下边就列举出来. 一.新增 影响原数组 array.push()  //向数组的末尾添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]; array.push(6); // [1,2,3,4,5,6]; array.unshift() //向数组的开头添加一个或更多元素,并返回新的长度. var array =[1,2,3,4,5]

循环加法及数组方法

1,从1到100的和值计算. for循环<script type="text/javascript">    var sum=0;    for (var i= 0;i<=100;i++){        sum+=i;    }    console.log(sum);</script> while循环    var x=1;    var sum=0;    while (x<=100){        sum+=x;        x++;  

数组练习:各种数组方法的使用&amp;&amp;事件练习:封装兼容性添加、删除事件的函数&amp;&amp;星级评分系统

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

HTML5数组方法

***************************** forEach方法 ***************************** ? <script>var data = [1,2,3,4];var sum = 0; // 计算数据元素的值data.forEach(function(_val){sum += _val;})console.log(sum); //每个数据元素的值加1data.forEach(function(_val,i,_arr){_arr[i] = _val+1;

关于数组方法中delete()与splice()的用法与不同点

关于数组方法中delete()与splice()的用法与不同点 一.delete arr[i]  删除数组的指定索引的项,删除的时候该项还是会占据原来数组的位置,只是该位置的值变成了undefined;  delete还会有返回值,当可以删除的时候返回值为true.另外delete还能够删除对象的某个属性,但是不能删除var定义的变量,此时返回值为false; var arr1 = [ 5 , 4 , 3 , 2 , 1 , 9 ]; console.log ( arr1 ); console.

js 数组方法总结

Array数组: length属性 可通过array.length增加或者减少数组的长度,如;array.length=4(数组长3,第四位为undefined),也可单纯获得长度.array[array.length]=''赋值. 检测数组 检测是否数组ES3  instanceof array  ES5新增的Array.isArray(),支持的IE9+,Opera 10.5+,Chrome,Safari5+. 一:原数组不变  [,start],表示0或1个参数 concat() 无参,返

冒泡排序(数组方法和指针方法)

数组方法: #include<stdio.h> #include<stdlib.h> void bubble_sort(int arr[], int sz ) { int i = 0; int j = 0; for (j = 0; j < sz - 1; j++)    //决定最终排序出来需要冒多少次 { for (i = 0; i < sz - 1 - j; i++)    //决定一次冒泡需要比较多少次 { if (arr [i] < arr[i + 1])

常用数组方法

js与jquery常用数组方法总结 昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组.本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害己,于是我又回答不知道.结果果然...我记错了0.0 还是自己总结测试一下比较靠谱,印象也比较深刻.欢迎大家提出相关意见或建议,提前谢谢哈~ 一.原生js方法 1.遍历数组 in(同时也是对象遍历属性的方法) var a = [1, 2, 3]; for (x i

关于在vue中结合数组方法的this的指向问题

最近在项目中遇到一个这样的小问题,在用数组方法结合vue的时候,this的指向不是当前的vue实例,直接看代码 allSelect: function() {   var _this = this;   console.log(_this)   this.checkId = [];   this.batchDealItem.forEach(function(item) {       //console.log(item.APPID)      _this.checkId.push(item.A