山西集团网站建设,烟台网站制作公司,wordpress 手机商城,网站维护的内容Array.prototype.map() map()方法可以创建一个新数组#xff0c;其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 demo1 上面的例子#xff0c;在控制台中打印的结果是#xff1a; 1 2 3 4 5 demo2 javascript学习交流群#xff1a;453833554 上面的例子…Array.prototype.map() map()方法可以创建一个新数组其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。 demo1 上面的例子在控制台中打印的结果是 1 2 3 4 5 demo2 javascript学习交流群453833554 上面的例子是将newArray数组中每一个值进行平方然后赋值给一个新书组也就是newMapArray中但是对newArray中的数据不进行任何修改打印的结果如下。 demo3 map()方法可以在实际项目中很多情况下进行使用现在大多数的项目采用的是前后端分离的开发模式但是有很多时候后端接口过来的数据并不能很友好的让前端进行使用那么我们就需要对后端接口数据进行一次前端处理再不改变原有数据的情况下显然利用map()方法进行数据处理是更好的选择。 map() 方法在使用的时候有三个参数直接上图 demo4 我重新定义了一下newArray数组在map()方法中输入三个参数 item 数组中正在处理的当前元素。 index 数组中正在处理的当前元素的索引。 array map()方法被调用的数组。 更直观的感受一下还是直接上图 demo5 简单写一个数据处理的例子如果后端过来的个人数据中性别只分男女但是显示要求是帅哥和美女这种情况用map()很容易处理 demo6 javascript学习交流群453833554 当然其实还有其他方法只是举一个简单的例子大家理解思路即可写代码一定要有自己的思维。 demo7 map()方法在网上有很多资料大家可以自行查阅和学习希望本教程能帮助新手入门前端数据处理。 javascript学习交流群453833554转载于:https://www.cnblogs.com/gongyue/p/7681990.html
