前端开发中常用的数组方法（一）
<h1 id="前端开发中常用的数组方法一">前端开发中常用的数组方法（一）</h1><p>JavaScript提供了大量不同处理数组的方法，这里花几分钟介绍常用的几个数组方法。</p>
<h2 id="1arraymap">1、Array.map()</h2>
<p>map()方法返回一个新数组，数组中的元素未原始数组元素调用函数处理后的值。</p>
<p>map() 方法按照原始数组元素的顺序依次处理元素。</p>
<h6 id="示例一">示例一：</h6>
<p>定义数组：</p>
<pre><code>const Material_Array=[
{MaterialCode:'00061057',MaterialName:'运动袜',ColorName:'浅花灰/黑'},
{MaterialCode:'00064060',MaterialName:'闪光背包',ColorName:'宝蓝/灰色'},
{MaterialCode:'00066062',MaterialName:'拉托克背包',ColorName:'黑色/灰'},
{MaterialCode:'00069063',MaterialName:'单车背包',ColorName:'红色/灰'},
]
</code></pre>
<p>获取所有数组中货品名称：</p>
<pre><code>const materials= Material_Array.map(e=>e.MaterialName)
console.log(materials)
</code></pre>
<p>运行结果：</p>
<pre><code>0: "运动袜"
1: "闪光背包"
2: "拉托克背包"
3: "单车背包"
</code></pre>
<h2 id="2arrayfind">2、Array.find()</h2>
<p>find()方法返回通过测试（函数内判断）的数组的第一个元素的值。</p>
<p>find()方法为数组中的每个元素都调用一次函数执行。</p>
<ul>
<li>当数组中的元素在满足条件时返回true时，find()返回符合条件的首次发现的元素，其余的元素不执行。</li>
<li>如果没有满足条件的元素返回undefined。</li>
</ul>
<h6 id="示例">示例：</h6>
<pre><code>const material =Material_Array.find(e=>e.MaterialCode=='00061057')
console.log(materials)
</code></pre>
<h6 id="执行结果">执行结果：</h6>
<pre><code>{MaterialCode: "00061057", MaterialName: "运动袜", ColorName: "浅花灰/黑"}
</code></pre>
<h2 id="3arrayevery">3、Array.every()</h2>
<p>every()方法用于检测数组所有元素是否都符合指定条件。</p>
<p>every()方法使用指定函数检测数组中的所有元素。</p>
<ul>
<li>如果数组中检测到有一个元素不满足，则整个元素返回false,并且不执行以后元素的检测。</li>
<li>如果所有元素都满足条件，则返回true。</li>
</ul>
<h6 id="示例-1">示例：</h6>
<pre><code>const material=Material_Array.every(e=>e.MaterialCode=="00061057")
console.log(material)
</code></pre>
<h6 id="执行结果-1">执行结果：</h6>
<pre><code>false
</code></pre>
<h2 id="4arraysome">4、Array.some()</h2>
<p>some()方法用于检测数组中的元素是满足指定条件（函数提供）。</p>
<p>some()方法会依次执行数组的每个元素。</p>
<ul>
<li>如果有一个元素满足条件，则表达式返回true,剩余的元素不会再执行检测。</li>
<li>如果没有满足条件的元素，则返回false。</li>
</ul>
<pre><code> const has=Material_Array.some(e=>e.MaterialCode=="00061057")
</code></pre>
<h6 id="执行结果-2">执行结果：</h6>
<pre><code>true
</code></pre><br><br>
来源：https://www.cnblogs.com/buge/p/14929868.html
頁:
[1]