1. 程式人生 > 其它 >filter()方法的使用

filter()方法的使用

一:作用

filter用於對陣列進行過濾。
它建立一個新陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。

二:語法

Array.filter(function(currentValue, indedx, arr), thisValue)

其中,函式 function 為必須,陣列中的每個元素都會執行這個函式。且如果返回值為 true,則該元素被保留;
函式的第一個引數 currentValue 也為必須,代表當前元素的值。

三:示例

返回陣列nums中所有大於5的元素。

let nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let res = nums.filter((num) => {
  
return num > 5; }); console.log(res); // [6, 7, 8, 9, 10]

四: 在實際Element ui 專案中應用的例項

根據上面的下拉選擇選擇不同的payment方式進行展示,後臺資料返回的右側示例

selectPayment 是el-select的v-modal選中的值,通過computed計算完之後,使用showList展示資料,當下拉列表選擇的時候,就會展示相應的資料了。

computed: {

  showList() {

    let list = JsonCoyp(this.list)

    list = list.filter(item => this
.selectPayment === '' " || item.code === this.selectPaymeng)     return list   } }
吾日三省吾身,腳踏實地~