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]
- 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数组方法的更多相关文章
- javascript 原生常用api 数组方法大全
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- js数组方法
数组方法清空数组1: arr.length=02: arr=[]arr.push()//往数组最后一个添加元素,会待会一个返回值,就是新的数组长度arr.unshift()//往数组的第一个添加元素, ...
- PHP常用函数、数组方法
常用函数:rand(); 生成随机数rand(0,50); 范围随机数时间:time(); 取当前时间戳date("Y-m-d H:i:s"); Y:年 m:月份 d:天 H:当前 ...
- JavaScript之数组方法整理
Array概述 除了Object类型,最常用的类型: 实质:有序的数据列表, 特性:可以动态的调整数组的大小 创建数组的两种方式 构造函数创建方式 var arr = ...
- js数组方法扩展
/** * Created by Administrator on 2016/9/1. */ //数组去重 Array.prototype.unique = function(){ this.sort ...
- Javascript数组方法(译)
在JavaScript中,数组可以使用Array构造函数来创建,或使用[]快速创建,这也是首选的方法.数组是继承自Object的原型,并且他对typeof没有特殊的返回值,他只返回'object'. ...
- js中常用数组方法concat join push pop slice splice shift
javascript给我们很多常用的 数组方法,极大方便了我们做程序.下面我们来介绍下常用的集中数组方法. 比如 concat() join() push() pop() unshift() shif ...
- iOS与HTML5交互方法总结(转)
今天小编在找技术文章的时候,发现这样一个标题:iOS与HTML5交互方法总结,怎么看着这么熟悉呢? 还以为是刚哥用了别的文章,点进去一看,原来是刚哥自己写的文章,他们转载的,而且还上了Dev St ...
- 4种检测是否支持HTML5的方法,你知道几个?
4种检测是否支持HTML5的方法,你知道几个? 1,检查特定的属性是否存在于全局的对象里面,比如说window或navigator. 比如geolocation,它是HTML5新加支持的新特性:它是由 ...
随机推荐
- [Leetcode] Two Sum (C++)
我在Github上新建了一个解答Leetcode问题的Project, 大家可以参考, 目前是Java 为主,里面有leetcode上的题目,解答,还有一些基本的单元测试,方便大家起步. 题目: Gi ...
- css:hover选择器
:hover 选择器用于选择鼠标指针浮动上面的元素. :hover选择器可以用于所有的元素,不单是链接. 提示::link选择器设置指向未被访问页面的链接的样式,:visited选择器用于设置指向已被 ...
- php 出现 500 Internal Server Error错误问题解决
set_time_limit(0); //设置超时时间 chmod 777 filename //设置文件权限 问题根本不在这,读取数据太多,数组是很站内存的. 内存设置大些就ok了 ini_set( ...
- 新手必看的jQuery优化笔记十则
jQuery优化 1.简介 jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外,如何提升语言本身的性能也是开发人员应该思考的问题.文章就 ...
- 【转】nginx之主配置文件:root和alias
nginx指定文件路径有两种方式root和alias,这两者的用法区别,使用方法总结了下,方便大家在应用过程中,快速响应.root与alias主要区别在于nginx如何解释location后面的uri ...
- 重读LPTHW-Lesson1-14
1.python print 可以用"Hello World",也可以用'Hello World',或者”””Hello World ””” 2.要打印在一行,可以在改行后加英文逗 ...
- Rectangle and Square
Description Little Petya very much likes rectangles and especially squares. Recently he has received ...
- Excel导出cs文件
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI ...
- OSA-MAC: A MAC Protocol for Opportunistic Spectrum Access in Cognitive Radio Networks
This full text paper was peer reviewed at the direction of IEEE Communications Society subject matte ...
- initial pointer [expert c]
initial differece between pointer and array Both arrays and pointers can be initialized with a liter ...