vue.js が配列を走査する方法

coldplay.xixi
リリース: 2020-11-26 15:24:01
オリジナル
12857 人が閲覧しました

配列を走査する Vue.js メソッド: 1. foreach ループを使用します。コードは [this.urls.forEach(item =>]; です) 2. フィルター ループを使用します。コードは [return this .urls.filter (item =>].

vue.js が配列を走査する方法

  • ##この方法は、すべてのブランドのコンピューターに適しています


#vue.js の配列を走査するメソッド:

1、

foreach 戻り値foreach ループには使用できません。 ループを停止するには

search(keyword){
    var newList = []
    this.urls.forEach(item =>{
     if(item.name.indexOf(keyword) != -1){
      newList.push(item)
     }
    })
    return newList
   }
ログイン後にコピー

2、

filter item オブジェクトは、走査された配列内の要素であり、 include は es6 の新しいメソッドです。検索メソッドは新しい配列

search(keyword){
    return this.urls.filter(item =>{
     if(item.name.includes(keyword)){
      return item
   }
 })
}
ログイン後にコピー

3,

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)
});
ログイン後にコピー

4,

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 が配列を走査する方法## です。 # 関連する無料学習の推奨事項:

javascript
(ビデオ)

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

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