javascript - 全局声明forEach并在函数中使用它

标签 javascript json foreach

我有一个名为雇员的JSON,其中包含10个元素,如下所示

{
   "name" : "Prem",
   "dob"  : "10-10-1992"
},


带三个按钮,每个按钮都有特定的功能

document.getElementById('btn-25').addEventListener('click',ageCategory25)
document.getElementById('btn-50').addEventListener('click',ageCategory50)
document.getElementById('btn-100').addEventListener('click',ageCategory100)

const output = document.getElementById('result2')


function ageCategory25(){
    output.innerHTML =''
     employees.forEach(function(employee){
        const ageFilter = getAge(employee.dob)
        if(ageFilter < 25 ){
            output.innerHTML += `<h3> ${employee.name} </h3>`
        }
    })
}

function ageCategory50(){
    output.innerHTML =''
    employees.forEach(function(employee){
        const ageFilter = getAge(employee.dob)
         if(ageFilter >= 25 && ageFilter<=50){
            output.innerHTML += `<h3> ${employee.name} </h3>`
       }
    })
}

function ageCategory100(){
    output.innerHTML =''
    employees.forEach(function(employee){
        const ageFilter = getAge(employee.dob)
         if(ageFilter >= 50 && ageFilter<=100){
            output.innerHTML += `<h3> ${employee.name} </h3>`
       }
    })
}


function getAge(date){
    const currentAge = Math.floor((new Date() - new Date(date).getTime())/31556925994)
    return currentAge
}


上面的代码正常工作,我能够按照按钮中提到的年龄获得结果。
但是,我要在所有函数中声明forEach循环,有没有一种方法可以全局声明一次forEach并在所有函数中使用它。
提前致谢

最佳答案

您可以在一个函数中接收25,50,100。

document.getElementById('btn-25').addEventListener('click',()=>ageCategory(25))
document.getElementById('btn-50').addEventListener('click',()=>ageCategory(50))
document.getElementById('btn-100').addEventListener('click',()=>ageCategory(100))


function ageCategory(n){
    output.innerHTML =''
    employees.forEach(function(employee){
        const ageFilter = getAge(employee.dob)
        if(n === 25 && ageFilter < 25 ){
            output.innerHTML += `<h3> ${employee.name} </h3>`
        }
        else if(n === 50 && ageFilter >= 25 && ageFilter<=50){
            output.innerHTML += `<h3> ${employee.name} </h3>`
        }
        else if(n === 100 && ageFilter >= 50 && ageFilter<=100){
            output.innerHTML += `<h3> ${employee.name} </h3>`
        }
    })
}


更新:
我认为可能会更好:

function ageCategory(n) {
    output.innerHTML = '';
    let filter;
    if      (n === 25)   { filter = (x) => (x < 25);            }
    else if (n === 50)   { filter = (x) => (x >= 25 && x <= 50) }
    else if (n === 100)  { filter = (x) => (x >= 50 && x<=100)  }
    employees.forEach(function(employee){
        const ageFilter = getAge(employee.dob);
        if(filter(ageFilter)){
            output.innerHTML += `<h3> ${employee.name} </h3>`
        }
    })
}

关于javascript - 全局声明forEach并在函数中使用它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53283735/

相关文章:

javascript - 错误 : Permission denied to access property '$'

java - Java转换为UTF-8字符(è)的问题

java - Java 如何知道如何迭代数组

c# - 时间复杂度 - 这两种算法之间哪个更快?

javascript - getText不是函数错误- Protractor (javascript)

javascript - 为什么 location.toString() 报告与 location.href 相同?

javascript - JavaScript无法在iPhone中使用

JSON 的 Javascript 变量替换

python - 读取Json文件并将其转换为python中的列

java - 我可以在一排foreach循环上执行两种方法吗?