Typescript - 从字典或数组中动态获取下一个和上一个项目

Question

我是 Angular 新手，目前正在开发 Angular 5 应用程序。我需要从字典（模型）中获取下一个或上一个项目以进行下一个和上一个导航以获取路线。我查看了多篇文章并提出了以下方法。让我知道是否有其他有效和可靠的方法可以做到这一点。我还需要确保它按值排序，以确保它在服务器（api）和客户端之间保持相同的顺序。这将是我们应用程序导航的一个重要方法，所以我想确保没有浏览器兼容性问题，没有缺点并且它是可靠的。最坏的情况我可以使用常规的 switch case 语句，它会在多个条件下很难看，但会好的。让我知道你的想法。提前致谢

var dict = {
  "name3": 12,
  "name1": 5,
  "name2": 8
};

var items = sortProperties(dict);
//console.log(items);

var getItem = function(key, i) {

var index = 0;
var stop = true;
for (var j = 0; j < items.length; j++) {  
   
        if (items[j][0] == key) {
            index = j;
            break;// Found it
        }
    }    
console.log(index);
if((index + i) > -1 && (index+i) <items.length)
{
  return items[index+i][0];
}
else
{
 return 'empty';
 }  
}


console.log(getItem("name2",-1));
console.log(getItem("name2",+1));



function sortProperties(obj)
{
  // convert object into array
	var sortable=[];
	for(var key in obj)
		if(obj.hasOwnProperty(key))
			sortable.push([key, obj[key]]); // each item is an array in format [key, value]
	
	// sort items by value
	sortable.sort(function(a, b)
	{
	  return a[1]-b[1]; // compare numbers
	});
	return sortable; // array in format [ [ key1, val1 ], [ key2, val2 ], ... ]
}

Answer 1

根据规范，对象中的属性没有内在顺序。虽然在实践中顺序是确定性的，但依赖它是一个坏主意。

每次您想要下一个或上一个属性时都对属性进行排序，这是在不故意使情况变得更糟的情况下尽可能低效的。至少使用一个数组来永久存储您的（排序的）条目。

如果这些操作（next 和 previous）是您计划对结构执行的主要操作，并且其中可能有很多项目，您应该使用一种廉价地执行操作的结构：doubly-linked list。

如果您既想要这种方式又想要廉价的直接访问，则必须在某处为此付费。一种解决方案是使用数组或 Map 进行廉价的直接访问，并在其中的所有项目上维护 next 和 previous 属性以也具有链表行为。每次你改变结构时你都会为此付出代价，但这可能没问题，特别是如果它不经常改变的话。