filter()方法的使用
阿新 • • 發佈:2021-07-15
一:作用
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 } }