How to reassemble arrays using double for loops

1 reassemble two arrays using double loops

2 condition
/ / 1. Compare the two arrays of Arr1,Arr2 and return a new array resultArr
/ / 2. ResultArr contains all the items in Arr2
/ / 3. If the project id in resultArr exists
/ / in Arr1 and its level is greater than level
/ / in resultArr project, its active familiar value is true, otherwise it is false

const myStacks = [{
  id: 1,
  name: "JavaScript",
  level: 2,
},{
  id: 2,
  name: "CSS",
  level: 1,
},{
  id: 4,
  name: "JQuery",
  level: 1,
}]

const jobStacks = [{
  id: 1,
  name: "JavaScript",
  level: 1,
},{
  id: 2,
  name: "CSS",
  level: 3,
},{
  id: 3,
  name: "HTML",
  level: 2,
}]

3. The result returns

// 
[{
   id: 1,
   name: "JavaScript",
   level: 1,
   active: true
 },{
  id: 2,
  name: "CSS",
  level: 3,
  active: false
},{
  id: 3,
  name: "HTML",
  level: 2,
  active: false
}]

Front-end-optimized javascript

Jan.08,2022

var resultArr = jobStacks;
            resultArr.forEach(function(i){
                myStacks.forEach(function(j){
                    i.active = (i.id==j.id&&i.level<j.level) ?   true : false;
                 })
            })
            console.log(resultArr)

var arr=jobStacks
for(var i=0;i<arr.length;iPP){
    arr[i]['active']=false
}
for(var i=0;i<arr.length;iPP){
    for(var j=0;j<myStacks.length;jPP){
        if(arr[i].id===myStacks[j].id){
            if(arr[i].level<myStacks[j].level){
                arr[i]['active']=true
            }else{
                arr[i]['active']=false
            } 
        }
    }
}
console.log(arr)

Previous: Questions about the execution order of async await promise in use

Next: How to configure the default value of global action by element ui

An example of mobile list page optimization
now there is an old list page on the mobile side, as shown in the following figure: there is a child list under it. When the user clicks on the parent list item, the front end will request the backend to return the child list under this category, an...

Front-end-optimized javascript

Mar.28,2021
Why Zhihu, after the Nuggets page is refreshed with Ctrl+F5, there will be no white pages, and the resources will be re-rendered on the basis of the original style. What technology is used?
The timeline. of chrome console is given below . By the way, no matter it is normal refresh, hard refresh or empty cache hard refresh, there will be no white pages. before refresh: : : : HTTP: : ...

Front-end front-end-optimized javascript css html

Oct.09,2021