原生js 数组的迭代的方法
一、原生js Array给我们提供很多了方法。方便我们操作数组.这些方法的参数,都需要传入一个匿名函数,匿名函数中有三个参数,分别含义是:数组中的项、该项的索引、以及数组本身。
1、filter方法:对数组每一项执行匿名函数,并返回符合条件的数组的项。
var testArr=[,,,,,];
//filter 方法
var moreTwo=testArr.filter(function(item,index,array){
return item >;
});
console.log(moreTwo);

2、map方法:对数组中每一项进行操作,返回值为匿名函数操作的所有项。
     var addTwo=testArr.map(function(item,index,ar){
         return item+=
     });
     console.log(addTwo);

3、every()和some()方法:对传入的匿名函数进进行判断,这两个函数返回值为:boolean值,every()返回所有项满足给定条件时返回true,而some(),只要有一个满足条件就返回true。
     var everBoolean=testArr.every(function(val,index,arr){
         return val>;
     });
     var  someBoolean=testArr.some(function(v,i,arr){
         return i>
     });
     console.log(everBoolean,someBoolean);

4、forEach() 没有返回值,只是对于数组中每一项执行操作。
     var forEachVal=testArr.forEach(function(v,i,arr){
         return v+=;
     } )
     console.log(testArr,forEachVal);

二、 总结:
上面的方法并没有修改原先的数组结构,而是需要我们创建一个新的副本进行储存符合我们的条件的值或者进行一些逻辑判断。而jquery 框架中,可以直接进行修改,但是我们也进行修改,因为在匿名的函数中第三个参数就是当前传入值为我们之前定义的数组的指针,所以我们可以进行修改。
但是这些方法对于我们来说满足我们日常的需求。
     var addModTwo=testArr.map(function(item,index,ar){
         ar[index]=item+;
         return item+=
     });
     console.log(testArr)

所以灵活使用上面的方法,来解决实际问题。
原生js 数组的迭代的方法的更多相关文章
- 原生js实现preAll和nextAll方法
		一直以来都在好奇,jquery的prevAll和nextAll方法都是咋实现的,那么厉害,而且还那么方便.不得不说,jquery真的帮我们省去了开发中手写大量js代码带来的开发进度问题,而且很好的解决 ... 
- js数组去重五种方法
		今天来聊一聊JS数组去重的一些方法,包括一些网上看到的和自己总结的,总共5种方法(ES5). 第一种:遍历数组法 这种方法最简单最直观,也最容易理解,代码如下: var arr = [2, 8, 5, ... 
- 【JS】怎样用原生JS实现jQuery的ready方法
		Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,只是与window.onload方法还是有差别的. 总的来说,window. ... 
- js数组之迭代方法
		ES5为数组对象定义了5个迭代方法(即递归,简单的说就是自己可以调用自己). 每个方法接收两个参数:要在每一项上运行的函数(接收3个参数:数组项的值,该项在数组中的位置,数组对象本身)和(可选的) ... 
- 用原生JS读写CSS样式的方法总结
		为了日后方便查询,本人翻阅了一些资料总结了以下方法,仅限原生JS,如有不对的地方欢迎指出!只求大家看完觉得有学到点什么就OK了! 一.可以通过DOM节点对象的style对象(即CSSStyleDe ... 
- js 数组常用的一些方法
		数组可以说是js经常会遇到的数据结构,以下我们对数组进行详细的学习! 一.数组的创建 var mycars = new Array(): || new Array(3); || new Array( ... 
- 前端跨域问题相关知识详解(原生js和jquery两种方法实现jsonp跨域)
		1.同源策略 同源策略(Same origin policy),它是由Netscape提出的一个著名的安全策略.同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正 ... 
- Js数组的常用的方法概述
		学习JS的同学们,也曾对数组进行学习掌握,所以我也把数组中常用的方法列举下来,相互学习 不多废话,直接上正文 . 快乐的分割线... 一.对象继承的方法 数组是一种特殊 ... 
- JS数组添加字典的方法
		var ary_RoleType = []; //申明数组变量 for(var j = 0;j<treeData.length;j++){ if($.inArray(treeData[j].v ... 
随机推荐
- Vsftpd+Tengine+SpringMVC实现上传图片
			第三部分:SpringMVC实现上传 1.1 思路 (1)使用SpringMVC上传组件,从页面表单接收图片 (2)使用vsftpd组件,将图片上传到Linux服务器 a.服务端:在Linux上安装f ... 
- 总结:JDK1.5-JDK1.8各个新特性
			JDK1.5-JDK1.8各个新特性 JDK各个版本的新特性 要了解一门语言,最好的方式就是要能从基础的版本进行了解,升级的过程,以及升级的新特性,这样才能循序渐进的学好一门语言.以下介绍一下JDK1 ... 
- 百度网盘满速下载器:pandownload
			http://pandownload.com/index.html 作者提示:1.软件使用 C++ 编写2.大文件需要等待一段时间才会有下载速度3.文件名含有特殊字符可能会下载出错,请重命名再下载4. ... 
- Android滑动菜单使用(MenuDrawer和SlidingMenu)
			项目地址: https://github.com/gokhanakkurt/android-menudrawer https://github.com/jfeinstein10/SlidingMe ... 
- Python实现排列组合
			# -*- coding: utf-8 -*-"""Created on Sat Jun 30 11:49:56 2018 @author: zhen"&quo ... 
- JMeter—配置元件(七)
			参考<全栈性能测试修炼宝典JMeter实战>第六章 JMeter 元件详解中第二节配置元件JMeter配置元件可以用来初始化默认值和变量,以便后续采样器使用.将在其作用域的初始化阶段处理. ... 
- 【第一篇】SAP ABAP7.5x新语法之预定义数据结构
			公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:SAP ABAP7.5x系列之预定义数据结构 前 ... 
- fedora 使用 vnc 远程 fedora 28 主机
			问题重述: 最近环境中需要使用 fedora 28 来进行远程桌面,于是就重新配置了一下vnc 在这里面做一下记录. 过程: yum 安装: 工作机上安装 vncviewer 远程主机上安装: vnc ... 
- Centos7下安装与卸载docker应用容器引擎
			Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从Apache2.0协议开源. Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级.可移植的容器中,然后发布到任何流行的 Li ... 
- MySQL 1130 - Host 127.0.0.1 is not allowed to connect to this MySQL server
			在开发中为了让开发更方便,在本地配置环境,希望可以直接访问服务器上的MySQL数据库,更方便的管理数据库, 需要在本地远程连接linux服务器的本地数据库,直接用数据库管理工具连接出现如下报错1130 ... 
