我想根据薪水使用if条件修改数组

Question

I wish to modify an array obtained from an api and add new key: Salary .

Conditions are:

• Age less than equal to 23: Salary will be 23,000

• Age greater than 23 and age less than 27: Salary will be 27,000

• Age greater than 27: Salary will be 500,000

Here is the array:

var employee=[
  {
    "firstName": "Zahir",
    "lastName": "Alam",
    "Age": 25,
    "Company": "Switchme",
    "Role": "Developer",
    "Department": "Tech",
    "Head": {
      "Id": 3,
      "Name": "Sourasis Roy"
    }
  }, {
    "firstName": "Amith",
    "lastName": "Manniken",
    "Age": 25,
    "Company": "Switchme",
    "Role": "Developer",
    "Department": "Tech",
    "Head": {
      "Id": 3,
      "Name": "Sourasis Roy"
    }
  }, {
    "firstName": "Sourasis",
    "lastName": "Roy",
    "Age": 28,
    "Company": "Switchme",
    "Role": "CTO"
  }, {
    "firstName": "Aditya",
    "lastName": "Mishra",
    "Age": 29,
    "Company": "Switchme",
    "Department": "Tech",
    "Role": "CEO"
  }, {
    "firstName": "Priti",
    "lastName": "Lata",
    "Age": 24,
    "Company": "Switchme",
    "Role": "HR"
  }, {
    "firstName": "Sumita",
    "lastName": "Nath",
    "Age": 24,
    "Company": "Switchme",
    "Role": "HLA Head",
    "Department": "Crm"
  }, {
    "firstName": "Tarini",
    "lastName": "Khanna",
    "Age": 22,
    "Company": "Switchme",
    "Role": "Content Writer"
  }, {
    "firstName": "Abhisek",
    "lastName": "Soni",
    "Age": 23,
    "Company": "Switchme",
    "Role": "HLA",
    "Department": "Crm",
    "Head": {
      "Id": 5,
      "Name": "Sumita Nath"
    }
  }, {
    "firstName": "Ankit",
    "lastName": "Pump",
    "Age": 23,
    "Company": "Switchme",
    "Role": "HLA",
    "Department": "Crm",
    "Head": {
      "Id": 5,
      "Name": "Sumita Nath"
    }
  }, {
    "firstName": "Pogo",
    "lastName": "Laal",
    "Age": 23,
    "Company": "Switchme",
    "Role": "Designer"
  }, {
    "firstName": "Sabina",
    "lastName": "Sekh",
    "Age": 28,
    "Company": "Switchme",
    "Role": "HLA Head",
    "Department": "Crm"
  }, {
    "firstName": "Sanjay",
    "lastName": "Poudal",
    "Age": 24,
    "Company": "Switchme",
    "Role": "HLA Head",
    "Department": "Crm",
    "Head": {
      "Id": 10,
      "Name": "Sabina Sekh"
    }
  }
];

And here is my code:

$(document).ready(function(){
  $.each( employee, function( key, value ) {
    if(value["Age"] <= 23) {
      var obj = {};
      obj[Salary] = 23000;
      employee.push(obj);
    }
    else if(value["Age"] > 23 && value["Age"] < 27) {
      var obj2 = {};
      obj2[Salary] = 27000;
      employee.push(obj2);
    }
    else if(value["Age"] > 27) {
      var obj3 = {};
      obj3[Salary] = 500000;
      employee.push(obj3);
    } 
  });
  $.each(employee, function(index, value){
    $("#modfy").append(index + ": " + value + '<br>');
  });
});

My HTML:

<div class="modfy"></div>

Answer 1

Just add the attribute Salary to the object, and don't forget to use the id and not the class .

 var employee = [{ "firstName": "Zahir", "lastName": "Alam", "Age": 25, "Company": "Switchme", "Role": "Developer", "Department": "Tech", "Head": { "Id": 3, "Name": "Sourasis Roy" } }, { "firstName": "Amith", "lastName": "Manniken", "Age": 25, "Company": "Switchme", "Role": "Developer", "Department": "Tech", "Head": { "Id": 3, "Name": "Sourasis Roy" } }, { "firstName": "Sourasis", "lastName": "Roy", "Age": 28, "Company": "Switchme", "Role": "CTO" }, { "firstName": "Aditya", "lastName": "Mishra", "Age": 29, "Company": "Switchme", "Department": "Tech", "Role": "CEO" }, { "firstName": "Priti", "lastName": "Lata", "Age": 24, "Company": "Switchme", "Role": "HR" }, { "firstName": "Sumita", "lastName": "Nath", "Age": 24, "Company": "Switchme", "Role": "HLA Head", "Department": "Crm" }, { "firstName": "Tarini", "lastName": "Khanna", "Age": 22, "Company": "Switchme", "Role": "Content Writer" }, { "firstName": "Abhisek", "lastName": "Soni", "Age": 23, "Company": "Switchme", "Role": "HLA", "Department": "Crm", "Head": { "Id": 5, "Name": "Sumita Nath" } }, { "firstName": "Ankit", "lastName": "Pump", "Age": 23, "Company": "Switchme", "Role": "HLA", "Department": "Crm", "Head": { "Id": 5, "Name": "Sumita Nath" } }, { "firstName": "Pogo", "lastName": "Laal", "Age": 23, "Company": "Switchme", "Role": "Designer" }, { "firstName": "Sabina", "lastName": "Sekh", "Age": 28, "Company": "Switchme", "Role": "HLA Head", "Department": "Crm" }, { "firstName": "Sanjay", "lastName": "Poudal", "Age": 24, "Company": "Switchme", "Role": "HLA Head", "Department": "Crm", "Head": { "Id": 10, "Name": "Sabina Sekh" } }]; $(document).ready(function() { $.each(employee, function(key, value) { if (value["Age"] <= 23) { value["Salary"] = 23000; } else if (value["Age"] > 23 && value["Age"] < 27) { value["Salary"] = 27000; } else if (value["Age"] > 27) { value["Salary"] = 500000; } }); $.each(employee, function(index, value) { $("#modfy").append(value["firstName"] + " " + value["lastName"] + " (Age: " + value["Age"] + "): " + value["Salary"] + "<br />"); }); }); console.log(employee); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="modfy"></div> 

Answer 2

You dont need create new object, only add property for value object in each loop. Other issue:

You put class="modify" but use as id #modify. And each loop, you need use value as object.

 $(".modfy").append(++index + ". " + value.firstName + ": " + value.lastName + ": " + value.Age + ": " + value.Company + ": " + value.Role + ": " + value.Department + ": " + value.Salary + '<br>');

If you want print each object as your requirement only need $(".modfy").append(JSON.stringify(value));

or other way if you want display as array $(".modfy").append(JSON.stringify(employee));

$(document).ready(function(){
    $.each( employee, function( key, value ) {
        if(value["Age"] <= 23) {
        //var obj = {};
        value["Salary"] = 23000;
        //employee.push(obj);
        }
        else if(value["Age"] > 23 && value["Age"] < 27) {
        //var obj2 = {};
        value["Salary"] = 27000;
        //employee.push(obj2);
        }
        else if(value["Age"] > 27) {
        //var obj3 = {};
        value["Salary"] = 500000;
        //employee.push(obj3);
        } 
    });

 var employee=[{"firstName":"Zahir","lastName":"Alam","Age":25,"Company":"Switchme","Role":"Developer","Department":"Tech","Head":{"Id":3,"Name":"Sourasis Roy"}},{"firstName":"Amith","lastName":"Manniken","Age":25,"Company":"Switchme","Role":"Developer","Department":"Tech","Head":{"Id":3,"Name":"Sourasis Roy"}},{"firstName":"Sourasis","lastName":"Roy","Age":28,"Company":"Switchme","Role":"CTO"},{"firstName":"Aditya","lastName":"Mishra","Age":29,"Company":"Switchme","Department":"Tech","Role":"CEO"},{"firstName":"Priti","lastName":"Lata","Age":24,"Company":"Switchme","Role":"HR"},{"firstName":"Sumita","lastName":"Nath","Age":24,"Company":"Switchme","Role":"HLA Head","Department":"Crm"},{"firstName":"Tarini","lastName":"Khanna","Age":22,"Company":"Switchme","Role":"Content Writer"},{"firstName":"Abhisek","lastName":"Soni","Age":23,"Company":"Switchme","Role":"HLA","Department":"Crm","Head":{"Id":5,"Name":"Sumita Nath"}},{"firstName":"Ankit","lastName":"Pump","Age":23,"Company":"Switchme","Role":"HLA","Department":"Crm","Head":{"Id":5,"Name":"Sumita Nath"}},{"firstName":"Pogo","lastName":"Laal","Age":23,"Company":"Switchme","Role":"Designer"},{"firstName":"Sabina","lastName":"Sekh","Age":28,"Company":"Switchme","Role":"HLA Head","Department":"Crm"},{"firstName":"Sanjay","lastName":"Poudal","Age":24,"Company":"Switchme","Role":"HLA Head","Department":"Crm","Head":{"Id":10,"Name":"Sabina Sekh"}}]; $(document).ready(function(){ $.each( employee, function( key, value ) { if(value["Age"] <= 23) { //var obj = {}; value["Salary"] = 23000; //employee.push(obj); } else if(value["Age"] > 23 && value["Age"] < 27) { //var obj2 = {}; value["Salary"] = 27000; //employee.push(obj2); } else if(value["Age"] > 27) { //var obj3 = {}; value["Salary"] = 500000; //employee.push(obj3); } }); //console.log(employee) // $.each(employee, function(index, value){ // $(".modfy").append(++index + ". " + value.firstName + ": " + value.lastName + ": " + value.Age + ": " + value.Company + ": " + value.Role + ": " + value.Department + ": " + value.Salary + '<br>'); //$(".modfy").append(JSON.stringify(value)); //}); $(".modfy").append(JSON.stringify(employee)); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="modfy"></div>