uniapp vue 数组map遍历方法类似forEach 箭头函数

系统管理员 2023-02-28 05:58 7阅读 0赞

分析内容

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70][]

**1. map 数组遍历方法**

(1) 返回一个经过处理后的新数组，但不改变原数组的值。

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> </td> 
   <td> <p><code>var</code> <code>a = [1,2,3,4,5]</code></p> <p><code>var</code> <code>b = a.map((item) =&gt; { </code></p> <p><code>&nbsp;&nbsp;</code><code>return</code> <code>item = item * 2</code></p> <p><code>})</code></p> <p><code>console.log(a) </code><code>// [1,2,3,4,5]</code></p> <p><code>console.log(b) </code><code>// [2,4,6,8,10]</code></p> </td> 
  </tr> 
 </tbody> 
</table>

(2) map中可改变原数组的情况和原理与forEach相同

(3) vue中的应用

有这样一个需求，充值金额需要在整数的基础上随机减去100或加上100，这时我在原始的数据基础上需要一个经过处理的新数组。

**2.箭头函数**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70 1][]

map后面部分的箭头函数内容等于下面注释部分

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70]: /images/20230209/03f8a915532e4258a0161a02e8f8d834.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NjMyNjA0_size_16_color_FFFFFF_t_70 1]: /images/20230209/159e6a60194f49c6a5290cc66d3ee0c3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECAMscript5数组遍历方法——forEach（）、map（）、filter（）、some（）、every（）、reduce（）

-------------------- 1、forEach（）、map（） -------------------- /forEach（）,目的是遍历数组各

╰半夏微凉°/ 2023年07月14日 12:58/ 0 赞/ 19 阅读

相关 uniapp遍历多级数组

遍历多级数组，二级数组需要取一级数组下标 <view v-for="(item,index) in yearList" :key="index"> <vie

快来打我*/ 2023年07月06日 14:54/ 0 赞/ 35 阅读

相关 uniapp vue 数组map遍历方法类似forEach 箭头函数

分析内容 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

系统管理员/ 2023年02月28日 05:58/ 0 赞/ 8 阅读

相关 js遍历对象数组map方法

![20210115155315751.png][] 所以直接这样写就得到了一个数组。没有必要在里面还写个push： > this.bfintIds = so

青旅半醒/ 2023年01月07日 04:52/ 0 赞/ 344 阅读

相关 Mybatis之foreach遍历Map

话不多说，直接上代码：方式一：利用map的entrySet()方法 <insert id="XXX" parameterType="java.util.Map">

迷南。/ 2022年11月30日 04:02/ 0 赞/ 214 阅读

相关 JS中数组对象的遍历方法 forEach() map() 区别及使用

文章目录方法声明 demo 官网链接方法声明 map() 方法会创建一个新数组，其结果是该数组中的每个元素是调用一次提

Dear 丶/ 2022年11月27日 12:12/ 0 赞/ 276 阅读

相关 html遍历map,vue.js如何遍历map

vue.js遍历map的方法：vue使用【v-for】遍历Map，代码为【】。 ![550490421eee8d245ab44c58ebe1c049.png][] 【相

落日映苍穹つ/ 2022年10月07日 08:50/ 0 赞/ 349 阅读

相关 PHP数组定义，foreach遍历

在php的函数中定义参数为数组，需要注意一下两点。注意； 1.如果要求传入的参数必须为数组，则函数参数接收时强制声明：array $myArr 2.如果要求传入可

╰+哭是因爲堅強的太久メ/ 2022年09月24日 15:13/ 0 赞/ 227 阅读

相关 es5数组拓展，forEach遍历方法

forEach方法的详解： > array.forEach(function(currentValue, index, arr), thisValue);该方法接受两个参数，

小灰灰/ 2022年04月04日 14:22/ 0 赞/ 375 阅读

相关 Java Map 的 forEach 函数遍历

入职新公司，查看代码规范的时候，看到一条： > “Map 遍历慎用 Map.forEach()” > > 举了一个内网例子：一个 Map<String, ObjectDTO

系统管理员/ 2021年09月22日 00:38/ 0 赞/ 390 阅读