vue.jsで配列をループする方法

coldplay.xixi
リリース: 2020-11-17 18:19:25
オリジナル
7265 人が閲覧しました

ループ配列を実装するための Vue.js メソッド: 1. トラバーサルに使用します。コードは [for(var i in array):console.log(array[i], i)]; 2. forEach を使用します。メソッド では、配列を最初から最後まで走査し、各要素に対して指定された関数を呼び出します。

vue.jsで配列をループする方法

【おすすめ関連記事: vue.js

vue.js はループを実装します配列メソッド:

1. Vue トラバーサル配列メソッド:

var array = [1, 2, 3, 4]
//方法一:
for( var i in array):
    console.log(array[i], i)
 
//方法二:
array.forEach((v, i) => {
    console.log(v, i)
})
ログイン後にコピー

for ループと forEach は同等であり、どちらもループ配列です。

2. forEach() メソッドは、配列を最初から最後まで走査し、各要素に対して指定された関数を呼び出します。

var a = [1,2,3,4,5];     
var sum = 0;             
a.forEach(function (value) {
    sum += value
})             
console.log(sum); //sum = 15
ログイン後にコピー

関連する無料学習の推奨事項: javascript (ビデオ)

以上がvue.jsで配列をループする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!