We Keep Coding

get the indexOf of a cascaded array of objects

I'm trying and puzzling for a couple of hours now and I can't get my head around it.
I have the following data structure in Redux:
entities: {
users: {
dentists: [
{
id: 1,
first_name: 'Tessa',
last_name: 'Iiannone',
phone: '+234 325 319 4277',
email: 'tiiannone0#dentistcompanybvt.com'
},
{
id: 2,
first_name: 'Kennett',
last_name: 'Pedreschi',
phone: '+48 204 144 9885',
email: 'kpedreschi1#dentistcompanybvt.com'
},
{
id: 3,
first_name: 'Lorine',
last_name: 'Tolle',
phone: '+670 691 959 9810',
email: 'ltolle2#dentistcompanybvt.com'
},
{
id: 4,
first_name: 'Nessi',
last_name: 'Pikhno',
phone: '+995 756 907 2258',
email: 'npikhno3#dentistcompanybvt.com'
}
],
assistants: [
{
id: 1,
first_name: 'Nickolas',
last_name: 'Seamans',
phone: '+62 949 597 4013',
email: 'nseamans0#dentistcompanybvt.com'
},
{
id: 2,
first_name: 'Peri',
last_name: 'Helversen',
phone: '+51 886 232 9275',
email: 'phelversen1#dentistcompanybvt.com'
}
],
clients: [
{
id: 1,
first_name: 'Mona',
last_name: 'Shakelade',
phone: '+63 475 243 2059',
email: 'mshakelade0#sourceforge.net',
date_of_birth: '26/01/1987',
status: null
},
{
id: 2,
first_name: 'Dario',
last_name: 'Aizikovitz',
phone: '+33 454 959 7355',
email: 'daizikovitz1#buzzfeed.com',
date_of_birth: '16/08/1999',
status: null
},
{
id: 3,
first_name: 'Caren',
last_name: 'Chidgey',
phone: '+358 905 256 6974',
email: 'cchidgey2#imgur.com',
date_of_birth: '08/03/1983',
status: null
},
{
id: 4,
first_name: 'Timmi',
last_name: 'Weond',
phone: '+225 796 207 5915',
email: 'tweond3#dion.ne.jp',
date_of_birth: '25/08/1972',
status: null
},
{
id: 5,
first_name: 'Greer',
last_name: 'Cornelius',
phone: '+46 793 784 2482',
email: 'gcornelius4#ask.com',
date_of_birth: '29/03/1968',
status: null
},
{
id: 6,
first_name: 'Catlee',
last_name: 'Elmar',
phone: '+33 826 857 9849',
email: 'celmar5#economist.com',
date_of_birth: '25/11/1976',
status: null
},
{
id: 7,
first_name: 'Ilsa',
last_name: 'Tynnan',
phone: '+591 283 830 4992',
email: 'itynnan6#illinois.edu',
date_of_birth: '19/02/1992',
status: null
},
{
id: 8,
first_name: 'Delia',
last_name: 'Blueman',
phone: '+55 392 389 4499',
email: 'dblueman7#printfriendly.com',
date_of_birth: '09/11/1975',
status: null
},
{
id: 9,
first_name: 'Lorilyn',
last_name: 'Semens',
phone: '+7 271 804 0493',
email: 'lsemens8#zimbio.com',
date_of_birth: '17/03/2001',
status: null
},
{
id: 10,
first_name: 'Lorilee',
last_name: 'Slemmonds',
phone: '+63 858 699 0861',
email: 'lslemmonds9#umich.edu',
date_of_birth: '20/07/1991',
status: null
}
]
},
appts: {
id: 1,
date: '01012022',
hour: 8,
client_id: 1,
dentist_id: 1,
assistant_id: 1
},
ui: {
ids: [
1
],
entities: {
'1': {
id: 1,
usertype: 'client'
}
}
}
}
}
I combined the 3 lists in my slice with:
const users = { dentists: dentists, assistants: assistants, clients: clients };
So now i expect that when i say:
const index = users.clients.indexOf((user) => user.id === action.payload.id)
...wil give me the index of the matching item with action.payload.id, but I'll keep on getting -1 when I do a console.log(index) what means that there is no match.
Can anyone help me out here?
What am I doing wrong?

indexOf requires an element. You can use find to get the element first and get the index next:
console.log(users.clients.indexOf(users.clients.find(client => client.id === action.payload.id)));
findIndex requires a callback, which is the requirement in your case, as you look for an object that you don't know, but can find by id:
console.log(users.clients.findIndex((client) => client.id == action.payload.id));

A simple methodology to merge Array of the nested object into an array of the same object

I'm looking for a simple methodology to merge the Array of the nested object into an array of the same object
Input:
const data=[
{ id: 123, name: "dave", age: 23 , address:{city:"chennai", zipcode:600001}},
{ id: 456, name: "chris", age: 23, address:{city:"cbe", zipcode:600002} },
{ id: 789, name: "bob", age: 23, address:{city:"tiruppur", zipcode:600003}},
{ id: 101, name: "tom", age: 23, address:{city:"erode", zipcode:600004} },
{ id: 102, name: "tim", age: 23, address:{city:"selam", zipcode:600005} }
]
Needed Output:
{ id: 123, name: "dave", age: 23, city:"chennai", zipcode:600001},
{ id: 456, name: "chris", age: 23, city:"cbe", zipcode:600002},
{ id: 789, name: "bob", age: 23, city:"tiruppur", zipcode:600003},
{ id: 101, name: "tom", age: 23, city:"erode", zipcode:600004},
{ id: 102, name: "tim", age: 23, city:"selam", zipcode:600005}
]

Use a combination of destructuring and spread syntax:
const data=[{ id: 123, name: "dave", age: 23 , address:{city:"chennai", zipcode:600001}},{ id: 456, name: "chris", age: 23, address:{city:"cbe", zipcode:600002} },{ id: 789, name: "bob", age: 23, address:{city:"tiruppur", zipcode:600003}},{ id: 101, name: "tom", age: 23, address:{city:"erode", zipcode:600004} },{ id: 102, name: "tim", age: 23, address:{city:"selam", zipcode:600005} }];
const result = data.map(({address, ...rest}) => ({...rest, ...address}));
console.log(result);

You can use Object.entries to extract each property and its value in the address property and assign it to the parent object, then delete the address property.
const data=[{id:123,name:"dave",age:23,address:{city:"chennai",zipcode:600001}},{id:456,name:"chris",age:23,address:{city:"cbe",zipcode:600002}},{id:789,name:"bob",age:23,address:{city:"tiruppur",zipcode:600003}},{id:101,name:"tom",age:23,address:{city:"erode",zipcode:600004}},{id:102,name:"tim",age:23,address:{city:"selam",zipcode:600005}}];
const result = data.map(e => (Object.entries(e.address).forEach(f => e[f[0]] = f[1]), delete e.address, e))
console.log(result)

let data = [
{ id: 123, name: "dave", age: 23, address: { city: "chennai", zipcode: 600001 } },
{ id: 456, name: "chris", age: 23, address: { city: "cbe", zipcode: 600002 } },
{ id: 789, name: "bob", age: 23, address: { city: "tiruppur", zipcode: 600003 } },
{ id: 101, name: "tom", age: 23, address: { city: "erode", zipcode: 600004 } },
{ id: 102, name: "tim", age: 23, address: { city: "selam", zipcode: 600005 } }
]
data = data.map((node) => ({ id: node.id, name: node.name, age: node.age, city: node.address.city, zipcode: node.address.zipcode }))
console.log(data)

const data=[
{ id: 123, name: "dave", age: 23 , address:{city:"chennai", zipcode:600001}},
{ id: 456, name: "chris", age: 23, address:{city:"cbe", zipcode:600002} },
{ id: 789, name: "bob", age: 23, address:{city:"tiruppur", zipcode:600003}},
{ id: 101, name: "tom", age: 23, address:{city:"erode", zipcode:600004} },
{ id: 102, name: "tim", age: 23, address:{city:"selam", zipcode:600005} }
];
const result = data.map(item => ({id: item.id, name: item.name, age: item.age, ...item.address}));
console.log(result);

Write a function to get customers, just pass the addressid and read all it's customers? parameter (addressId)

Javascript
As You can see my javascript code Im trying to get customers based on the address id. I'm struggling to get customers based on the address.
var customers = [
{ id: 1, name: "Customer1", email: "customer1#test.com", addresses: [1, 5, 3, 10] },
{ id: 2, name: "Customer2", email: "customer2#test.com", addresses: [2, 8, 10] },
{ id: 3, name: "Customer3", email: "customer3#test.com", addresses: [5, 2] },
{ id: 4, name: "Customer4", email: "customer4#test.com", addresses: [3, 7, 8] },
{ id: 5, name: "Customer5", email: "customer5#test.com", addresses: [4, 6, 9] },
];
var addresses = [
{ id: 1, street: "Riche street", city: "TPT", pin: "232434" },
{ id: 2, street: "Cross street", city: "Vellore", pin: "75646456" },
{ id: 3, street: "Colony", city: "Chennai", pin: "7887878" },
{ id: 4, street: "Annai Nagar", city: "Bangalore", pin: "43545" },
{ id: 5, street: "Main Bazar", city: "Salem", pin: "4567767" },
{ id: 6, street: "Gandhi Nagar", city: "Hosur", pin: "232434" },
{ id: 7, street: "Gandhi Nagar", city: "Pondicherry", pin: "75646456" },
{ id: 8, street: "Colony", city: "Krishanagiri", pin: "7887878" },
{ id: 9, street: "Annai Nagar", city: "Ambur", pin: "43545" },
{ id: 10, street: "Main Bazar", city: "Vaniyambadi", pin: "4567767" },
];
function getCustomers(get_id) {
var arr = [];
for (var i = 0; i < addresses.length; i++) {
if (get_id == addresses[i].id) {
console.log(addresses[i].id);
for (var prop in customers) {
if (customers.hasOwnProperty(prop)) {
if (
prop.addresses.filter((x) => {
x == addresses[i].id;
})
) {
console.log(prop);
}
}
}
}
}
}
getCustomers(10);
I thing I missing something here...
If I pass 10 as as parameter it will fetch the customer records who are belongs to addresses 10.
Output well be:
{ id: 1, name: "Customer1", email: "customer1#test.com", addresses: [1,5,3,10] },
{ id: 2, name: "Customer2", email: "customer2#test.com", addresses: [2,8,10] },

Here is a function that returns a list of customers based on the address ID passed:
function getCustomers(addressId) {
return customers.filter(customer => {
return customer.addresses.includes(addressId);
});
}

Here You Go
let obj = [
{ id: 1, name: "Customer1", email: "customer1#test.com", addresses: [1,5,3,10] },
{ id: 2, name: "Customer2", email: "customer2#test.com", addresses: [2,8,10] },
{ id: 3, name: "Customer2", email: "customer2#test.com", addresses: [2,8,5] },
{ id: 5, name: "Customer2", email: "customer2#test.com", addresses: [6, 8, 9] },
]
function getCustomers(data, id) { //data will be your object from which to find id
let customers = [];
data.forEach(function(d) {
d.addresses.forEach(function(a) {
if (a == id) {
customers.push(d);
}
});
});
return customers;
}
note: this function will return you values as array of objects

I'm getting empty array what is wrong?

I want the universities that have the string "Uni" included in their name. then, Create a new array called uni that contains them all. I've use the HOF method still didn't work.
var graduates = [{ id: 4, first_name: "Modestine", university: "International Medical & Technological University", email: "mdolder3#symantec.com" },
{ id: 5, first_name: "Chick", university: "Sultan Salahuddin Abdul Aziz Shah Polytechnic", email: "camorts4#google.com.au" },
{ id: 6, first_name: "Jakob", university: "Fachhochschule Rosenheim, Hochschule für Technik und Wirtschaft", email: "jharken5#spiegel.de" },
{ id: 7, first_name: "Robbi", university: "Salem University", email: "rbrister6#redcross.org" },
{ id: 8, first_name: "Colline", university: "Coastal Carolina University", email: "cbrosh7#alibaba.com" },
{ id: 9, first_name: "Michail", university: "Universidad Católica de Ávila", email: "mrome8#shinystat.com" },
{ id: 10, first_name: "Hube", university: "Universitat Rovira I Virgili Tarragona", email: "hlethbrig9#foxnews.com" }]
const unisWithUni = [];
console.log(unisWithUni);
for (let i = 0; i < graduates.length; i++) {
if (graduates[i].university === "Uni") {
unisWithUni.push(graduates[i]);
}
}

You should change graduates[i].university === "Uni" to graduates[i].university.includes("Uni") this way any string that contains 'Uni' will be found, otherwise it will only match exactly "Uni".
Also, put your console.log(unisWithUni); after the for loop.
var graduates = [{ id: 4, first_name: "Modestine", university: "International Medical & Technological University", email: "mdolder3#symantec.com" },
{ id: 5, first_name: "Chick", university: "Sultan Salahuddin Abdul Aziz Shah Polytechnic", email: "camorts4#google.com.au" },
{ id: 6, first_name: "Jakob", university: "Fachhochschule Rosenheim, Hochschule für Technik und Wirtschaft", email: "jharken5#spiegel.de" },
{ id: 7, first_name: "Robbi", university: "Salem University", email: "rbrister6#redcross.org" },
{ id: 8, first_name: "Colline", university: "Coastal Carolina University", email: "cbrosh7#alibaba.com" },
{ id: 9, first_name: "Michail", university: "Universidad Católica de Ávila", email: "mrome8#shinystat.com" },
{ id: 10, first_name: "Hube", university: "Universitat Rovira I Virgili Tarragona", email: "hlethbrig9#foxnews.com" }]
const unisWithUni = [];
for (let i = 0; i < graduates.length; i++) {
if (graduates[i].university.includes("Uni")) {
unisWithUni.push(graduates[i]);
}
}
console.log(unisWithUni);

You are comparing a complete string. In javascript (or almost any language) "equal" don't means "contains". So "hi" === "hi what's up" is not the same, they are not equal.
In JavasSript you want to look for indexOf() (old&new browsers) or includes() (new browsers), so:
var graduates = [
{ id: 4, first_name: "Modestine", university: "International Medical & Technological University", email: "mdolder3#symantec.com" },
{ id: 5, first_name: "Chick", university: "Sultan Salahuddin Abdul Aziz Shah Polytechnic", email: "camorts4#google.com.au" },
{ id: 6, first_name: "Jakob", university: "Fachhochschule Rosenheim, Hochschule für Technik und Wirtschaft", email: "jharken5#spiegel.de" },
{ id: 7, first_name: "Robbi", university: "Salem University", email: "rbrister6#redcross.org" },
{ id: 8, first_name: "Colline", university: "Coastal Carolina University", email: "cbrosh7#alibaba.com" },
{ id: 9, first_name: "Michail", university: "Universidad Católica de Ávila", email: "mrome8#shinystat.com" },
{ id: 10, first_name: "Hube", university: "Universitat Rovira I Virgili Tarragona", email: "hlethbrig9#foxnews.com"}
];
const unisWithUni = [];
for (let i = 0; i < graduates.length; i++) {
if (graduates[i].university.indexOf("Uni") > -1) {
unisWithUni.push(graduates[i]);
}
}
console.log(unisWithUni);

Here is an example that uses jQuery's map(). Why, just because.
Note that I convert the university to lowercase before searching for the string uni making the search case insensitive.
var graduates = [{
id: 4,
first_name: "Modestine",
university: "International Medical & Technological University",
email: "mdolder3#symantec.com"
},
{
id: 5,
first_name: "Chick",
university: "Sultan Salahuddin Abdul Aziz Shah Polytechnic",
email: "camorts4#google.com.au"
},
{
id: 6,
first_name: "Jakob",
university: "Fachhochschule Rosenheim, Hochschule für Technik und Wirtschaft",
email: "jharken5#spiegel.de"
},
{
id: 7,
first_name: "Robbi",
university: "Salem University",
email: "rbrister6#redcross.org"
},
{
id: 8,
first_name: "Colline",
university: "Coastal Carolina University",
email: "cbrosh7#alibaba.com"
},
{
id: 9,
first_name: "Michail",
university: "Universidad Católica de Ávila",
email: "mrome8#shinystat.com"
},
{
id: 10,
first_name: "Hube",
university: "Universitat Rovira I Virgili Tarragona",
email: "hlethbrig9#foxnews.com"
}
];
var unisWithUni = $.map(graduates, grad => {
return grad.university.toLowerCase().includes("uni") ? grad : null;
});
console.log(unisWithUni);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

How to add a value to a JSON array of objects?

i have a json array of objects like this, to pass the values to the datatables.
[{ _id: '58a2b5941a9dfe3537aad540',
Country: 'India',
State: 'Andhra Pradesh',
District: 'Guntur',
Division: '',
Village: 'Macharla',
FarmerName: 'Vijay',
Address: '',
Pin: '',
PrimaryContact: '9160062222',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' },
{ _id: '58a2b5941a9dfe3537aad541',
Country: 'India',
State: 'Telangana',
District: 'Karimnagar',
Division: '',
Village: 'Sirisilla',
FarmerName: 'Subhash Rao',
Address: '',
Pin: '',
PrimaryContact: '8121787878/9441967878',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' },
{ _id: '58a2b5941a9dfe3537aad542',
Country: 'India',
State: 'Telangana',
District: 'Medak',
Division: '',
Village: 'Jagur',
FarmerName: 'Ramachandra',
Address: '',
Pin: '',
PrimaryContact: '9346481116',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' },
{ _id: '58a2b5941a9dfe3537aad543',
Country: 'India',
State: 'Telangana',
District: 'Mahaboob Nagar',
Division: '',
Village: 'annugal',
FarmerName: 'Rajesh Reddy',
Address: '',
Pin: '',
PrimaryContact: '93464593808',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' } ]
Now i want to add one more object like "recordsTotal":600 outside of this array. how can i achieve it?
Finally i want the data like this
{
"draw": 1,
"recordsTotal": 1,
"recordsFiltered": 1,
"data": [{
"VendorID": "V0000051",
"Name": "STAPLES CONTRACT AND COMMERCIAL INC",
"Mnemonic": "CORPORATE",
"TermsDescription": "INV 2/30 NET 31",
"ActiveYn": "Y"
}]
}

First of all store the json array in a variable like
var datalist=[{ _id: '58a2b5941a9dfe3537aad540',
Country: 'India',
State: 'Andhra Pradesh',
District: 'Guntur',
Division: '',
Village: 'Macharla',
FarmerName: 'Vijay',
Address: '',
Pin: '',
PrimaryContact: '9160062222',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' },
{ _id: '58a2b5941a9dfe3537aad541',
Country: 'India',
State: 'Telangana',
District: 'Karimnagar',
Division: '',
Village: 'Sirisilla',
FarmerName: 'Subhash Rao',
Address: '',
Pin: '',
PrimaryContact: '8121787878/9441967878',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' },
{ _id: '58a2b5941a9dfe3537aad542',
Country: 'India',
State: 'Telangana',
District: 'Medak',
Division: '',
Village: 'Jagur',
FarmerName: 'Ramachandra',
Address: '',
Pin: '',
PrimaryContact: '9346481116',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' },
{ _id: '58a2b5941a9dfe3537aad543',
Country: 'India',
State: 'Telangana',
District: 'Mahaboob Nagar',
Division: '',
Village: 'annugal',
FarmerName: 'Rajesh Reddy',
Address: '',
Pin: '',
PrimaryContact: '93464593808',
OtherContacts: '',
Email: '',
updatedAt: '2017-02-14T04:39:01.000Z',
modifiedBy: '',
createdAt: '2017-02-14T04:39:01.000Z' } ]
then declare another json object and initialize values like
var FinalJsonObject={"draw": 1,
"recordsTotal": 1,
"recordsFiltered": 1,
"data": datalist}