Maison > Article > interface Web > Comment utiliser la fonction map dans vue
La fonction de cartographie Vue.js est une fonction intégrée d'ordre supérieur qui crée un nouveau tableau où chaque élément est le résultat transformé de chaque élément du tableau d'origine. La syntaxe est map(callbackFn), où callbackFn reçoit chaque élément du tableau comme premier argument, éventuellement l'index comme deuxième argument, et renvoie une valeur. La fonction map ne modifie pas le tableau d'origine.
fonction map dans Vue.js
la fonction map est une fonction d'ordre supérieur intégrée dans Vue.js, utilisée pour créer un nouveau tableau, chaque élément du tableau est basé sur le tableau d'origine Le résultat converti de chaque élément dans .
Syntaxe :
<code class="javascript">map(callbackFn)</code>
Paramètres :
Valeur de retour :
Un nouveau tableau où chaque élément est le résultat de la conversion de l'élément correspondant dans le tableau d'origine.
Utilisation :
La fonction map peut être utilisée avec les méthodes de tableau comme suit :
<code class="javascript">const numbers = [1, 2, 3, 4, 5]; // 将每个元素乘以 2 const doubledNumbers = numbers.map(number => number * 2); // 输出:[2, 4, 6, 8, 10] console.log(doubledNumbers);</code>
Instance :
La fonction map peut être utilisée pour :
Exemple d'utilisation :
<code class="javascript">// 创建一个新数组,只包含名字为 "John" 的用户 const users = [{ name: "John", age: 30 }, { name: "Jane", age: 25 }]; const johnUsers = users.map(user => user.name === "John" ? user : null); // 提取每个产品的价格 const products = [{ name: "Product 1", price: 10 }, { name: "Product 2", price: 15 }]; const prices = products.map(product => product.price);</code>
Remarques :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!