HTML5数组方法

*****************************

forEach方法

*****************************

?

<script>
var data = [1,2,3,4];
var sum = 0;

// 计算数据元素的值
data.forEach(function(_val){
sum += _val;
})
console.log(sum);

//每个数据元素的值加1
data.forEach(function(_val,i,_arr){
_arr[i] = _val+1;
})
console.log(data);
</script>

?

*****************************

map方法

*****************************

?

<script>
var a = [1,2,3,4];

//数组内每个元素*10
b = a.map(function(x){
return x*10;
})
console.log(b);
</script>

?

*****************************

filter方法

*****************************

?

<script>
var a = [1,2,3,4];
s = a.filter(function(x){ return x<3 });
console.log(s); //输出:[1,2]
</script>

用法2: 压缩空缺并删除undefined和null元素

a = a.filter(function(x) { return x!==undefined && x!=null; });

?

*****************************

every和some方法

*****************************

?

every()和some()方法是数组的逻辑判定: 它们对数组元素应用指定的函数进行判定,返回true或false.

every 有点类以(||或运算),所有的值符合判断条件,就返回true.

a = [1,2,3,4,5]

a.every(function(x){ return x<10; }); //返回true;

some 有点类以(&&并且运算),只要的一个值符合判断条件,就返回true。

a = [1,2,3,4,5]

  1. some(function(x){ return x<3; }); //返回false;

*****************************

reduce和reduceRight()方法

?

var a = [1,2,3,4,5]

var sum = a.reduce(function(x,y){ return x+y },0); //数组求和

var product = a.reduce(function(x,y){return x*y},1); //数组求积

reduce()需要两个参数。

var a = [1,2,3,4,5]

// reduceRight()按照数组索引从高到低。 从5-4-3-2-1运算

?

*****************************

indexOf和lastIndexOf()方法

?

a= [0,1,2,1,0]

a.indexOf(1); //输出: 从a数组开头找出值等于1的值。 结果是1,就是a[1]

a.lastIndexOf(1); //输出3 : a[3]是1.

a.lastIndexof(5); //输出-1:没有值为3的元素。

?

HTML5数组方法,布布扣,bubuko.com

时间: 2024-11-08 21:19:58

HTML5数组方法的相关文章

【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-

关于数组方法中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