JS中Array数组学习总结

引用类型分为Object类型（所谓的对象），Array类型（本文谈的数组），Function类型等。

那么，数组是干啥的呢？在我看来，它是用来保存数据的。

一、声明一个数组：

1、构造函数 var colors=new Array()；简写的话可以省略new，即var colors=Array();

2、数组字面量 var colors=["black","green","pink"];

二、读取和设置数组的值：

读取：colors[x];参数x为0~colors.length-1;

设置的话直接给colors[x]=进行赋值就好，这样会覆盖之前的数值哦；

三、在这里简单说说length的用法：

colors.length获取数组的长度，也可以说是数组有几项，如果说一个数组有7项，但是你写入了colors.length=2,那么就会删除后面的5项；

利用length属性也可以为数组最后添加数据：colors[colors.length]=进行赋值；

四、数组中的操作：

方法 作用 返回值
Array.push(x,y,z) 把xyz添加到数组末尾 新数组长度
Array.pop() 移除数组最后一项 移除的最后一项
Array.shift() 移除数组第一项 移除的第一项
Array.unshift(a,b,c) 在数组前端添加a,b,c 新数组长度
Array.reverse() 反转数组 反转后的新数组
Array.sort() 对数组中每一项的字符串进行升序排列 重新排序后的数组
Array.concat(a,b,c) 连接数组 返回连接好的新数组
Array.slice(1,n) 截取数组，从1到n，1和n为索引值 返回截取的数组(在这里返回从1开始，到n之前结束)
Array.indexOf(a，start) 查找a的所在的位置，从start开始 返回a所在的索引值，如果没有查找到则返回-1
Array.lastIndexOf(a,atart) 与indexOf相反，lastIndexOf从末尾开始查找 返回a所在的索引值，如果没有查找到则返回-1

splice()方法单拿出来说说。为什么单拿出来？因为牛逼；

1.删除。接受两个参数：要删除第一项的位置和要删除的项数；

例：splice(1,2),就是要删除数组种的2，3项；

2.插入。接受三个参数：起始位置，0，要插入的项。

例：splice(2,0,"red","green")，会在数组索引值为2的位置插入red和green。

3.替换。接受三个参数：起始位置，要删除的项数，要插入的项。

例：splice(2,1,"red","green")，删除索引值为2这一项，添加red和green。

tips：sort（）用法实例：按升序排列数组
function compare(val1,val2){
if(val1<val2){
return -1;
}else if(val1>val2){
return 1;
}else{
retuen 0
}
}
var num=[0,2,9,3,1];
num.sort(compare);
alert(num);//0,1,2,3,9

 五。数组中的迭代方法

1.every（）和some（）：

查询数组中的每一项是否满足条件，如果每一项都返回true，则result返回true。
var numbers=[0,1,2,3,4];
var result=numbers.every(function(item,index,array){
return (item>2)
})
alert(result);//false
查询数组中的每一项是否满足条件，如果有一项都返回true，则result返回true。
var numbers=[0,1,2,3,4];
var result=numbers.some(function(item,index,array){
return (item>2)
})
alert(result);//true

2.filter():

该方法会返回结果为true的项组成的数组；

3.map():

var result=numbers.map(function(item,index,array){
return item*2;
})

返回数组执行完参数之后的新数组。

六、归并

Array.reduce()

var numbers=[1,2,3,4,5];
var sum=numbers.reduce(function(prev,cur,index,array){
return prev+cur
})
alert(sum);

在上个例子中，reduce（）接受四个参数，第一个参数是数组的第一项，第二个参数是数组的第二项；

第一次执行函数，prev是1，cur是2，第二次执行，prev是3（1+2的结果），cur是3。

Array.reduceRight()。和reduce类似。只不过从数组右侧开始。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！

赞 (0)

相关推荐

  • 数组Array的一些方法(总结)

    数组对象属性和方法的概述: 1> arr.push() 将参数添加至数组的末尾,返回的是新数组的长度 2> arr.unshift() 将参数添加到数组的开头,返回新数组的长度 3> arr.shift() 删除数组的第一位,返回被删除的数字 4> arr.pop() 删除数组的最后一位,返回被删除的数字 5> arr.concat()将参数里面的数字合并到原数组后面,不改变原有的数组,返回一个新数组 6> arr.reverse() 翻转数组,改变原有的数组 7>

  • 深入了解PHP中的Array数组和foreach

    深入了解PHP中的Array数组和foreach

    1. 了解数组 PHP 中的数组实际上是一个有序映射.映射是一种把 values 关联到 keys 的类型.详细的解释可参见:PHP.net中的Array数组    . 2.例子:一般的数组 这里,我通过一个简单的例子,并使用图形方式来了解数组. $a = array(3 => 'a', 1 => 'b', 2 => 'c'); echo var_dump($a); [注]:使用箭头描述数组$a各个单元对应某一内存地址的数据值(实际上,它内部结构采用HashTable结构,可以参考鸟哥写

  • 浅谈mwArray和一般数组的区别

    可以用下面的代码详细理解mwArray和一般数组之间的区别 mwArray a(3, 2, mxDOUBLE_CLASS); double *aData; aData = new double[6]; int iii; for( iii=0; iii<6; ++iii) { aData[iii] = iii+1; } // print output std::cout << "a = " << std::endl; std::cout << a

  • JS中Array数组学习总结

    引用类型分为Object类型(所谓的对象),Array类型(本文谈的数组),Function类型等. 那么,数组是干啥的呢?在我看来,它是用来保存数据的. 一.声明一个数组: 1.构造函数 var colors=new Array():简写的话可以省略new,即var colors=Array(); 2.数组字面量 var colors=["black","green","pink"]; 二.读取和设置数组的值: 读取:colors[x];参数x

  • js删除Array数组中指定元素的两种方法

    本节内容: js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=

  • javascript中Array()数组函数详解

    在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. Array()是一个用来构建数组的内建构造器函数.数组主要由如下三种创建方式: array = new Array() array =

  • JS中的数组转变成JSON格式字符串的方法

    有一个JS数组,如: var arr = [["projectname1","projectnumber1"],["projectname2","projectnumber2"],["projectname3","projectnumber3"]]; 想将此数组转换成JSON字符串,如: var jsonarr = [{"projectname":projectnam

  • Js的Array数组对象详解

    本文为大家分享了关于Js的Array数组对象的相关资料,供大家参考,具体内容如下 1. 介绍 1.1 说明 数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引.JavaScript数组是无类型:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型. --<JavaScript权威指南(第六版)> 1.2 定义方式 var names = new Array("张三", "李四", "王五&

  • JS中对数组元素进行增删改移的方法总结

    在js中对数组元素进行增删改移,简单总结了一下方法: 方法 说明 实例 push( ); 在原来数组中的元素最后面添加元素 arr.push("再见58"); unshift( ); 在原来数组中的元素最前面添加元素 arr.shift("你好58"): pop(); 移除数组中最后面的一个元素 arr.pop(); shift(); 移除数组中最前面的一个元素 arr.shift(); concat(); 拼接两个数组中的元素 (哪个数组在前面,拼接后它的元素就在

  • js中删除数组中的某一元素实例(无下标时)

    1.使用filter数组去重: var arr1 = [1,2,3,4,5,6];//待操作数组 var j = 2;//待删除元素 var noRepeat = function(arr1,arr2){ return arr1.flter(function(e){ return arr2.indexOf(e) == -1; }) }; var arr2 = []; arr2.push(j);//保证待删除数为数组,方便使用过滤器 console.log(noReapeat(arr1,arr2)

  • Vue中foreach数组与js中遍历数组的写法说明

    Vue foreach数组与js中遍历数组的写法 场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. 实现 在js中遍历数组 //定义班次详细数组 var bcglxiangxiList = new Array(); //定义班次详细对象 var bcxiangxi = {}; //循环传递的参数 bcglXiangXiListParam.forE

  • js中Array.forEach跳出循环的方法实例

    js中Array.forEach跳出循环的方法实例

    目录 forEach()方法 js中 Array.forEach如何跳出循环 解决方式: 总结 forEach()方法 语法:array.forEach(callback(currentvalue,index,arr) ,thisValue) 其中 callback为数组中每个元素执行的函数,该函数可接受1-3个参数: currentvalue参数表示数组的当前元素项,必须的参数 index参数表示的当前元素下标,可选参数 arr参数表示当前元素所属的数组,可选参数 thisValue表示执行回

  • js中一维数组和二位数组中的几个问题示例说明

    js中的数组,可以存放各种数据类型(数值,字串) js中的数组没有越界,当输出的数组下标越界了,会显示undefined. js中的数组是默认动态增长的 遍历数组的一种简单方式. for(var key in arr){ window.alert(key+"= "+arr[key]); } 在给一个空的二维数组赋值的时候出现的问题: var arr2=[]; arr2[1][1]=45;//js不支持这种赋值方法 解决方法: //在这之前需要初始化定义arr2有多少行. for(var

随机推荐