JSFiddle - React, Tailwind, and code Playground

by pierian_design

JavaScript

/////////////////////////////////////////////////////////////////////////////////////

let o1 = {
		1: [3],
}

let o2 = {
		0: [4]
}

/*
1. В ПЕРВОМ ПРОХОДЕ СОЗДАЁТСЯ ОБЪЕКТ С НОМЕРОМ ФАКТИЧЕСКОЙ СТРОКИ (row)
2. comp: [0] - ИНДЕКС ФАКТИЧЕСКОЙ СОПОСТАВЛЯЕМОЙ СТРОКИ
3. cols: [3] - МОЖНО ПРОВЕРИТЬ В СОПОСТАВЛЯЕМОМ ОБЪЕКТЕ НАЛИЧИЕ КЛЮЧА, КОТОРЫЙ comp,
ЕСЛИ ОН ЕСТЬ, ТО aICells ЗАКОНКАТИТЬ С ТЕМ ЧТО ТАМ ЕСТЬ, ЕСЛИ НЕТУ, ТО 

		-В O1 СОЗДАТЬ СТРОКУ С ИНДЕКСОV row И МАССИВОМ ЯЧЕЕК

		-В O2 СОЗДАТЬ СТРОКУ С ИНДЕКСОМ comp С МАССИВОМ ЯЧЕЕК
    -ДОБАВИТЬ В A1 cols МАССИВ ЯЧЕЕК
    
*/

let a1 = [
		//{row: 0, status: 'unique'},
    {
    		row: 1,
        status: 'different',
        comp: [0],
        cols: [3]
    }
];

/*
1. ВО ВТОРОМ ПРОХОДЕ СОЗДАЁТСЯ ОБЪЕКТ С НОМЕРОМ ФАКТИЧЕСКОЙ СТРОКИ (row)
2. comp: 1 - ИНДЕКС ФАКТИЧЕСКОЙ СОПОСТАВЛЯЕМОЙ СТРОКИ
3. cols: [4] - МОЖНО ПРОВЕРИТЬ В СОПОСТАВЛЯЕМОМ ОБЪЕКТЕ НАЛИЧИЕ КЛЮЧА, КОТОРЫЙ comp,
ЕСЛИ ОН ЕСТЬ, ТО aICells ЗАКОНКАТИТЬ С ТЕМ ЧТО ТАМ ЕСТЬ, ЕСЛИ НЕТУ, ТО 

		-В O2 СОЗДАТЬ СТРОКУ С ИНДЕКСОV row И МАССИВОМ ЯЧЕЕК

		-В O1 СОЗДАТЬ СТРОКУ С ИНДЕКСОМ comp С МАССИВОМ ЯЧЕЕК
    -ДОБАВИТЬ В A1 cols МАССИВ ЯЧЕЕК
    
*/

let a2 = [
		{row: 0, status: 'different', comp: 1, cols: [4]},
    //{row: 1, status: 'unique'}
];