配列を走査する Vue.js メソッド: 1. foreach ループを使用します。コードは [this.urls.forEach(item =>]; です) 2. フィルター ループを使用します。コードは [return this .urls.filter (item =>].
1、
foreach 戻り値foreach ループには使用できません。 ループを停止するには
search(keyword){ var newList = [] this.urls.forEach(item =>{ if(item.name.indexOf(keyword) != -1){ newList.push(item) } }) return newList }
filter item オブジェクトは、走査された配列内の要素であり、 include は es6 の新しいメソッドです。検索メソッドは新しい配列
search(keyword){ return this.urls.filter(item =>{ if(item.name.includes(keyword)){ return item } }) }
findIndex を直接返します。true を返した後、インデックスは一致する要素を取得して削除できます
del(row){ this.$confirm("确定要删除吗?", "删除").then(action=>{ var index = this.urls.findIndex(item =>{ if(item.name == row.name){ return true; } }) this.urls.splice(index, 1) });
some 一致が成功した場合は、true を返し、いくつかの要素から抜け出します。ループ
del(row){ this.$confirm("确定要删除吗?", "删除").then(action=>{ this.urls.some((item, i) =>{ if(item.name == row.name){ this.urls.splice(i, 1) return true; } }) }); }
5. 上記の例では、固定配列を vue データに保存し、配列を走査し、検索関数を実装し、関数を削除します
el-table: メソッドをバインドしますデータを取得し、Traverse メソッドで固定配列 URL を実行し、検索関数
6 を実装するための新しい配列を返します。レンダリングは
## です。 # 関連する無料学習の推奨事項:
(ビデオ)
以上がvue.js が配列を走査する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。