前端js数组元素的筛选，修改，新增属性小技巧一---前端数据筛选filter()函数，更新数组map()函数；

举个简单的例子（对数组的筛选，比如说3的倍数的值取出来）：

  var a = [1,2,3,4,5,6,7];a = a.filter(function(value){var flag = true;if(value%3 != 0){flag = false;}return flag;});

Map能够改变数组的数据，没有相关的返回值，不影响原有的数组大小；

var arr = [1,2,3,4,5] ;
var newArr = arr.map(function(item,index){return item*2 ;        //操作更新数组
}) ;console.log(newArr);console.log(arr);
arr.map(function(item,index){arr[index] = {level : item,name :'hdp'+item,age :25+item}        //操作更新数组
}) ;console.log(newArr);console.log(arr);

上面两个函数主要是解决有关数组的元素操作困扰，相对代码的封装性更强，还有就是map()针对数组直接扩展成JSON结构提供了极大的方便和灵活性。
【附加】jquery中自己风装的一个方法$.grep()函数的应用，针对数组中数据的筛选等实现，如下所示，针对同一属性的json归类

希望能给你们带来一点帮助。喜欢的话可以关注哈或者点个心心。

前端js数组元素的筛选，修改，新增属性小技巧一---前端数据筛选filter()函数，更新数组map()函数；相关推荐

[Web 前端] Jquery 复制元素，并修改属性, 追加到另一个元素后面
cp from : https://blog.csdn.net/cooledi/article/details/52813668 jquery 复制元素,并修改属性 $('#ID').clone() ...
初见物理引擎库Cannon.js：使用dat.gui修改物体属性
0 前言本文是"初见物理引擎库Cannon.js"系列的第二篇文章,在本文中主要讲解dat.gui的使用. 1 dat.gui简介熟悉Three.js的读者肯定对dat.gui ...
html5简介、选项输入框、表单元素分组、input新增属性及属性值
HTML5简介: 定义:HTML5号称下一代HTML,html的最新版本,定义了新的标签.css.JavaScript,html5新标签IE9以上版本浏览器才兼容,因此在实际开发中要问老板是否兼容低版 ...
html中如何消除左边界,元素的局中对齐问题，CSS盒属性使用技巧，前端开发必备...
本文介绍的盒属性应用包括以下几点: 块级元素在容器中的水平居中绝对定位的块级元素在页面中水平垂直居中去掉所有HTML元素的边界和填充值去掉无序列表左侧为项目符号留出的位置一.块级元素在容器中的 ...
python计算平方用map函数_python的map函数的使用方法详解以及使用案例（处理每个元素的自增、自减、平方等）...
1.用我们之前学过的求一下平方(只有一个列表) #求平方 num=[1,5,6,2,7,8] a=[]for n innum: a.append(n**2)print(a) C:python35pyt ...
excel两个表格数据对比_Excel表格技巧—如何进行数据筛选和排序
Excel表格数据的筛选和排序,我们在日常工作中经常用到,这个技巧在对多数据进行规律性查找时尤为重要.因此熟练掌握这个Excel技巧可以让我们的工作事半功倍,那么如何进行数据筛选和排序呢?
C#：十六进制字节数组转换成字符串、字符串形式的16进制数据转换成十六进制字节数组
十六进制字节数组转换成字符串 /// <summary>/// 十六进制字节数组转换成字符串/// </summary>/// <returns></ ...
前端基础（13）：CSS3新增属性和选择器
学习目标 1.CSS3的概念.优势及应用 2.渐进增强和优雅降级的简介 3.CSS3部分新增选择器的语法及应用 4.CSS3的新增属性语法及应用一.CSS3的概念.优势及应用 CSS3是css技术的 ...
JS ajax 返回的json对象新增属性值（干货）
$.ajax({ type:"GEt'; url:"你的地址", data:{"你的字段","字段值"} success:funt ...

前端js数组元素的筛选，修改，新增属性小技巧一---前端数据筛选filter()函数，更新数组map()函数；

前端js数组元素的筛选，修改，新增属性小技巧一---前端数据筛选filter()函数，更新数组map()函数；相关推荐

最新文章

热门文章