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

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数组方法的更多相关文章

  1. javascript 原生常用api 数组方法大全

     <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. js数组方法

    数组方法清空数组1: arr.length=02: arr=[]arr.push()//往数组最后一个添加元素,会待会一个返回值,就是新的数组长度arr.unshift()//往数组的第一个添加元素, ...

  3. PHP常用函数、数组方法

    常用函数:rand(); 生成随机数rand(0,50); 范围随机数时间:time(); 取当前时间戳date("Y-m-d H:i:s"); Y:年 m:月份 d:天 H:当前 ...

  4. JavaScript之数组方法整理

    Array概述      除了Object类型,最常用的类型:      实质:有序的数据列表,      特性:可以动态的调整数组的大小 创建数组的两种方式 构造函数创建方式  var arr = ...

  5. js数组方法扩展

    /** * Created by Administrator on 2016/9/1. */ //数组去重 Array.prototype.unique = function(){ this.sort ...

  6. Javascript数组方法(译)

    在JavaScript中,数组可以使用Array构造函数来创建,或使用[]快速创建,这也是首选的方法.数组是继承自Object的原型,并且他对typeof没有特殊的返回值,他只返回'object'. ...

  7. js中常用数组方法concat join push pop slice splice shift

    javascript给我们很多常用的 数组方法,极大方便了我们做程序.下面我们来介绍下常用的集中数组方法. 比如 concat() join() push() pop() unshift() shif ...

  8. iOS与HTML5交互方法总结(转)

    今天小编在找技术文章的时候,发现这样一个标题:iOS与HTML5交互方法总结,怎么看着这么熟悉呢?   还以为是刚哥用了别的文章,点进去一看,原来是刚哥自己写的文章,他们转载的,而且还上了Dev St ...

  9. 4种检测是否支持HTML5的方法,你知道几个?

    4种检测是否支持HTML5的方法,你知道几个? 1,检查特定的属性是否存在于全局的对象里面,比如说window或navigator. 比如geolocation,它是HTML5新加支持的新特性:它是由 ...

随机推荐

  1. shell中的expr命令

    expr 可以进行的操作如下: 逻辑操作 arg1 | arg2 逻辑或操作,真则返回arg1,否则返回arg2(以null或者0来判断参数的真假,有短路功能) arg1 & arg2 逻辑与 ...

  2. PDO基础知识

    使用PDO之前首先开启PHP的PDO扩展,方法见百度. PDO连接数据库的方式有三种 1.通过参数的形式连接数据库 (推荐) //通过参数形式连接数据库 try{ $dsn = 'mysql:host ...

  3. PHP __autoload函数知识点

    __autoload函数主要是用来包含不存在的类文件,当初始化的类不存在的时候 存在一个文件名为footer.php的文件,里面有个footer类 class footer{ public funct ...

  4. 优先队列(和fence repair完全一样)

    懒省事的小明 时间限制:3000 ms  |  内存限制:65535 KB 难度:3   描述       小明很想吃果子,正好果园果子熟了.在果园里,小明已经将所有的果子打了下来,而且按果子的不同种 ...

  5. linux中如何使用微软鼠标的第4、5键

    虽说使用linux的 人大都对微软没什么好感,但不能否认微软确实也出了不少好东西呀,比如微软鼠标(IE系列) icon_smile.gif IE 2.0和以上版本都有5个按钮,除了正常的左中右外,两侧 ...

  6. USB信号是什么类型的? 为什么在D+,D-处要接上拉下拉电阻呢,具体阻值要如何计算

    USB协议要求的,1.5K上拉在D+时表示是全速设备,在D-表示不是全速设备有些方案里面(比如PNX5230)推荐D+/D-接下拉1M的电阻是为了提高数据传输稳定性的 ①  usb有主从设备之分,主设 ...

  7. QT是否流行还是和历史有关啊(各个平台不同时间的方案都讲到了)

    这个还是和历史有关啊..现在基于Qt的桌面软件越来越多的...许多GTK的也在向Qt迁移..可以说在XP时代,微软自己有一套MFC,和成熟的vs系列开发工具..而Qt-Creator是09左右才有项目 ...

  8. X windows的底层实现机制

    Qt在Linux上运行崩溃了,很可能的原因是对于X11机制的不了解.很可能是UI代码里面对窗口的操作不规范而导致Qt内部的BUG暴露出来.具体UI实现代码我也没有看.是别人维护的.打算今天去看下代码, ...

  9. 解决红米等手机(移动端)无法触发touchend事件

    触屏事件的简单描述: js的触屏事件,主要有三个事件:touchstart,touchmove,touchend. 这三个事件最重要的属性是 pageX和 pageY,表示X坐标,Y坐标.touchs ...

  10. Trie树|字典树(字符串排序)

    有时,我们会碰到对字符串的排序,若采用一些经典的排序算法,则时间复杂度一般为O(n*lgn),但若采用Trie树,则时间复杂度仅为O(n). Trie树又名字典树,从字面意思即可理解,这种树的结构像英 ...