- 列表实现奇数偶数行颜色不同 ``` li标签实现不同行颜色不一样（奇数行、偶数行） #ul_id li:nth-of-type(odd){ background:#00ccff;} 奇数行 #list li:nth-of-type(even){ background:#ffcc00;} 偶数行 ``` - 表格 奇数偶数 颜色不同 ``` .even td{ background-color:#BCD7DA; } .odd td{ background-color:#FFF; } ```   ## Map对象排序 ``` var map=new Map(); map.set("b","8"); map.set("c","10"); map.set("a","1"); map.set("d","7"); map.set("e","3"); var arrayObj=Array.from(map); // map 转换为数组对象 var result = new Map(arrayObj.map(i => [i[0], i[1])); // 数组对象 转化为 Map ``` arrayObj中索引0为map中的key,索引1为map中的value - 对value 排序 ``` arrayObj.sort(function(a,b){return a[1]-b[1]}) ``` - 对 key 排序 ``` arrayObj.sort(function(a,b){return a[0].localeCompare(b[0])}) ``` localeCompare（）方法 —— 中文排序 ``` var arr = [ {name: 'a', phone: 1, value: "上海"}, {name: 'b', phone: 5, value: "大连"}, {name: 'd', phone: 3, value: "北京"}, {name: 'c', phone: 4, value: "拉萨"} ]; arr.sort(function(a,b){ return a.value.localeCompare(b.value) }); //返回["北京", "大连", "拉萨", "上海", "天津"] ```