Как разложить js массив состоящий из ID на индексы, индексы засунуть в input в блок относящийся к ID?

if (obj[id]) { //Нашли id в массиве sort_id
     $('.input').val(не пойму как индекс сюда положить)
  }

if (obj[id]) { //Нашли id в массиве sort_id
  let input = li.querySelector('input');
  input.value = id;
}

var obj = {};
sort_id.forEach((id,i)=>{
  obj[id] = i; //Сохраняем индекс, чтобы получать к нему доступ по ключу
});

//Все li с атрибутом data-id
var arr = document.querySelectorAll('li[data-id]');
arr.forEach(li=>{
  let id = li.dataset.id; //Извлекаем id из li
  if (obj[id]) { //Проверяем, есть ли такой id
    let input = li.querySelector('input');
    input.value = obj[id]; //Получаем индекс и пишем в инпут
  }
});

$('.save_index').click(function(){ 
   const sortPosition = document.getElementById("block_sort").value;
          
          function syncIndexes(positions) {
  			const lis = [...document.querySelectorAll('ul > li')]
  
  				positions.split('|').forEach((pos, i) => {
    			lis.find(li => li.dataset.id == pos).querySelector('input').value = i
                  
                })
             
          }
      
			syncIndexes(sortPosition);
  });

let save_sort_position = sort_position;
setInterval(()=>{
  if (save_sort_position != sort_position) { //Переменная изменилась
    save_sort_position = sort_position;
    // Вызываем нужную функцию или прямо тут добавляем код
  }
}, 100);

const sortPosition = document.getElementById("block_sort").value;
  let save_sort_position = sortPosition;
setInterval(()=>{
  if (save_sort_position != sortPosition) { //Переменная изменилась
    save_sort_position = sortPosition;
    // Вызываем нужную функцию или прямо тут добавляем код
    function syncIndexes(positions) {
  			const lis = [...document.querySelectorAll('ul > li')]
  
  				positions.split('|').forEach((pos, i) => {
    			lis.find(li => li.dataset.id == pos).querySelector('input').value = i
                  
                })
          }
      
			syncIndexes(sortPosition);
  
  }
}, 100);

console.log('Проверяем переменную:', sortPosition);

var sortposition = document.getElementById("block_sort").value;
let save_sort_position = sortposition; //сюда попадает переменная выше
setInterval(()=>{
  if (save_sort_position != sortposition) { //тут переменная та что выше проверяется 
    var sortposition = document.getElementById("block_sort").value; // этой строки не было, соответсвенно строка ниже не чего не получала (undefined)
    save_sort_position = sortposition; // проблема была в этой строке, в неё значение 
//переменной не попадало
//соответсвенно конструкция ниже пыталась обработать (undefined)
    function syncIndexes(positions) {
  			const lis = [...document.querySelectorAll('ul > li')]
  
  				positions.split('|').forEach((pos, i) => {
    			lis.find(li => li.dataset.id == pos).querySelector('input').value = i
                  
                })
             
          }
      
      syncIndexes(sortposition);
  }
}, 100);

setInterval(()=>{
  var sortposition = document.getElementById("block_sort").value;
  if (save_sort_position != sortposition) {

var block_sort = document.getElementById("block_sort");
setInterval(()=>{
  var sortposition = block_sort.value;
  if (save_sort_position != sortposition) {

var order = document.getElementById("block_sort").value; // как заставить обновить все индексы при изменении содержания этого инпута без перезагрузки страницы?
          const sortPosition = order;
          function syncIndexes(positions) {
  			const lis = [...document.querySelectorAll('ul > li')]
  
  				positions.split('|').forEach((pos, i) => {
    			lis.find(li => li.dataset.id == pos).querySelector('input').value = i
                })
          }

			syncIndexes(sortPosition)

var options = {
  group: 'Block',
  sort: true,
  animation: 100,
   onEnd: function (/**Event*/evt) {
    evt.oldIndex;  // element's old index within parent
    evt.newIndex;  // element's new index within parent
    evt.oldDraggableIndex;
	evt.newDraggableIndex;
  },
  store: {
		/**
		 * Get the order of elements. Called once during initialization.
		 * @param   {Sortable}  sortable
		 * @returns {Array}
		 */
		get: function (sortable) {
			//var order = localStorage.getItem(sortable.options.group.name);
          var order = document.getElementById("block_sort").value;
          
          const sortPosition = order;
          function syncIndexes(positions) {
  			const lis = [...document.querySelectorAll('ul > li')]
  
  				positions.split('|').forEach((pos, i) => {
    			lis.find(li => li.dataset.id == pos).querySelector('input').value = i
                })
          }

			syncIndexes(sortPosition)
			return order ? order.split('|') : [];
			
		},

		/**
		 * Save the order of elements. Called onEnd (when the item is dropped).
		 * @param {Sortable}  sortable
		 */
		set: function (sortable) {
			var order = sortable.toArray();// список сортировки
          $( '.block_sort' ).val(order.join('|')); // передача списка сортировки в input(array)
			//localStorage.setItem(sortable.options.group.name, order.join('|'));
		}
	}
  
};
       
events = [
  'onChoose',
  'onStart',
  'onEnd',
  'onAdd',
  'onUpdate',
  'onSort',
  'onRemove',
  'onChange',
  'onUnchoose'
].forEach(function (name) {
  options[name] = function (evt) {
    
    console.log({
      //'event': name,
      //'this': this,
      //'item': evt.item,
      //'from': evt.from,
      //'to': evt.to,
      //'oldIndex': evt.oldIndex,
      'newIndex': evt.newIndex,
      //'newDraggableIndex': evt.newDraggableIndex,
      //'index': $(this).index()
    });
    
    
    	//$('li.list-group-item').click(function(){
          //$('#save_storage').click(function(){
          
		//document.getElementById('storage_order').value = localStorage.getItem('Block');
		//});
    
    //$('li.list-group-item').click(function(){
		//document.getElementById('storage_order').value = $(this).index();
		//});
      

  };
});

Sortable.create(block, options);