yo antes de solucionarlo, hice un pequeño cambio, ya que el objeto 'table' no es necesario, porque igualmente dentro de él estas metiendo solamente otro objeto.
Dicho esto, el array quedaría así:
let arrayTest = [
{
id: 1,
name: 'Mesa Alta',
capacity: 4,
join_with: '2'
},
{
id: 2,
name: 'Mesa media',
capacity: 6,
join_with: 'null'
},
{
id: 3,
name: 'Mesa baja',
capacity: 10,
join_with: '1,2'
}
]
Ahora, lo primero será que debemos dividir cada elemento del "join_with" y colocarlo dentro de un array, para poder hacer validaciones con cada elemento, pero lo haremos solo sí lo que está en "join_with" es distinto de "null", esto lo haremos así:
const splitedArray = arrayTest.map((table) => {
const splitedJoin =
table.join_with === 'null' ? table.join_with : table.join_with.split(',') //sí es igual a null, no dividimos el array, solo devolvemos null. De lo contrario, agregamos los valores de join_with dentro de un array. Omitimos las comas.
const splitedTable = { //Cambiamos cada join_with por el valor de la variable splited_join
...table,
join_with: splitedJoin
}
return splitedTable //Retornamos el nuevo objeto con los cambios hechos
})
Ya no usaremos el array del inicio, solo este con los cambios del "join_with". Ahora es la parte complicada, validar cuales mesas están unidas a una mesa. Yo lo hice de la siguiente manera:
splitedArray.forEach((table) => {
const tables_joined = [] //Aqui estarán las mesas que estén dentro del array join_with. Tendrá a cuales mesas esta unida cada mesa
if (table.join_with !== 'null') { //Solo hacemos la validación sí join_with no es null
table.join_with.forEach((id_joined) => {//recorremos cada elemento dentro del join_with para validarlo con el id de cada mesa
splitedArray.map((table_id) => {//recorremos de nuevo las mesas para conseguir su id
if (id_joined === table_id.id.toString()) {//validamos sí el id de cada mesa está dentro del array de join_with. El id de cada mesa lo pasamos a string, porque join_with es un array de strings
tables_joined.push(table_id)//Sí está, lo ingresamos al array tables_joined
}
})
})
}
tables_joined.forEach((table_joined) => {//Recorremos el array que tiene a cuales mesas esta unida cada mesa, y las imprimimos
console.log(
`La mesa ${table.id} esta unida con la mesa: ${table_joined.name}`
)
})
})
Lo importante es saber que en el array "tables_joined" están las mesas a las que esta unida cada mesa, con eso, puedes hacer lo que necesitas.
Espero que te sirva. Saludos.