无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

合肥市微信小程序构建_谈谈JavaScript数组常用方法

时间:2021-01-12 14:42来源:合肥市微信小程序构建 作者:jianzhan 点击:
谈一谈JavaScript数字能量数组常见方式小结 在JavaScript中,大家必须经常多数组开展实际操作,如今特将常见方式小结以下:1.提升数据信息在JavaScript为数字能量数组提升数据信息关
谈谈JavaScript数组常用方法总结       本篇文章主要介绍了谈谈JavaScript数组常用方法总结,在JavaScript中,我们需要时常对数组进行操作。一起跟随小编过来看看吧

在JavaScript中,我们需要时常对数组进行操作,现在特将常用方法总结如下:

1.增加数据

在JavaScript为数组增加数据主要分为两种方式。

 从数组末尾增加内容:push方法

从数组的前端增加内容:unshift方法

这两种方法的返回值都是数组的长度

var arr=[1,2,3]; 
//从末尾增加 
arr.push(4); 
console.log(arr);//[1,2,3,4] 
//从前端增加 
arr.unshift(0); 
console.log(arr);//[0,1,2,3,4] 

2.删除数据

和增加数据一样,删除数据和主要分为两种方式。

从数组末尾增加内容:pop方法

从数组的前端增加内容:shift方法

这两种方法的返回值都是删除的数据

var arr=[1,2,3]; 
//从末尾删除 
arr.pop(); 
console.log(arr);//[1,2] 
//从前端删除 
arr.unshift(); 
console.log(arr);//[2] 

3.从指定位置删除和增加数据

splice(startIndex,deleteCount,addValue1,addValue2...):从数组的startIndex位置开始,删除deleteCount个数据,然后在插入addValue1,addValue2等,返回值是被删除的数组所组成的数组。

var arr=[1,2,3,4,5]; 
var deleteArr=arr.splice(1,2,8,9); 
console.log(deleteArr);//[2,3] 
console.log(arr);//[1,8,9,4,5] 

从上面所知,数组的删除方法返回的都是被删除的内容,增加的方法返回的都是数组改变后的长度。

4.反序数组

reverse():将数组内容逆序。

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

5.将数组内容组成一个有特定分隔符的字符串

join(seperator):将数组内容组成一个字符串,内容以seperator分隔

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

6.合并两个数组

concat():合并数组并返回一个新的数组,不影响原有数组。

var arr1=[1,2,3]; 
var arr2=[4,5,6]; 
var newArr=arr1.concat(arr2); 
console.log(arr1);//[1,2,3] 
console.log(arr2);//[4,5,6] 
console.log(newArr);//[1,2,3,4,5,6] 

7.数组排序

sort():默认将数组进行数字或字母进行升序排序,但也可以自定义降序排序

var arr=[3,5,1]; 
arr.sort(); 
console.log(arr);//[1,3,5]; 
//指定降序 
var arr1=[4,2,7]; 
arr1.sort(function(a,b){ 
 return b-a; 
console.log(arr1);//[7,4,2] 

8.截取子数组

slice(startIndex,endIndex):截取数组中从startIndex到endIndex之间的内容,不包括endIndex所在位置的内容组成一个新的数组

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

 9.判断给定数据在数组中的位置

indexOf(data):该方法返回data在该数组中所在的第一个元素位置,如果没有找到就返回-1

var arr=[1,2,3]; 
var loc=arr.indexOf(1); 
console.log(loc);//0 
var newLoc=arr.indexOf(4); 
console.log(newLoc);//-1 

10.迭代器

数组的迭代器方法很多。

a.普通的遍历数组:forEach(function(value,index,arr){}),其中index是索引,value是值,arr就是数组本身

var arr=[1,2,3]; 
//index是索引,value是值 
arr.forEach(function(value,index,arr){ 
 console.log(''index:"+index+" "+"value:"+value) 
}) 

b.过滤数组:filter(),根据过滤条件过滤数组,但不会改变原有数组

var arr=[1,2,3,4]; 
//返回数组中大于2的内容 
var newArr=arr.filter(function(item){ 
 return item 
console.log(arr);//[1,2,3,4] 
console.log(newArr);//[3,4] 

c.映射数组:map(),对数组每个元素进行一定映射后,返回一个新数组,不会改变原有数组

var arr=[1,2,3,4]; 
//将数组每个值扩大一倍 
var newArr=arr.map(function(item){ 
 return item*2; 
console.log(arr);//[1,2,3,4] 
console.log(newArr);//[2,4,6,8] 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信