第十二天:省市列表排序
<h4>localeCompare()</h4>
<pre><code class="language-javascript"> var arr = ['南京', '北京', '上海', '杭州', '深圳'];
function sortChinese (arr) { // 参数: 排序的数组
arr.sort(function (item1, item2) {
return item1.localeCompare(item2, 'zh-CN');
})
}
sortChinese(arr)
console.log(arr); // ["北京", "杭州", "南京", "上海", "深圳"]</code></pre>
<h4>数组内的元素是对象,以对象某一个属性进行排序</h4>
<pre><code class="language-javascript">var arr = [
{name: '南京', code: '09', info: {province: '江苏'}},
{name: '北京', code: '01', info: {province: '北京'}},
{name: '上海', code: '02', info: {province: '上海'}},
{name: '深圳', code: '05', info: {province: '广东'}}
];
function sortChinese (arr, dataLeven) { // 参数:arr 排序的数组; dataLeven 数组内的需要比较的元素属性
/* 获取数组元素内需要比较的值 */
function getValue (option) { // 参数: option 数组元素
if (!dataLeven) return option
var data = option
dataLeven.split('.').filter(function (item) {
data = data[item]
})
return data + ''
}
arr.sort(function (item1, item2) {
return getValue(item1).localeCompare(getValue(item2), 'zh-CN');
})
}
sortChinese(arr, 'name') // 例如:比较的是name,传入的就是 'name'
console.log(arr);
/*[{name: '北京', code: '01', info: {province: '北京'}},
{name: '南京', code: '09', info: {province: '江苏'}},
{name: '上海', code: '02', info: {province: '上海'}},
{name: '深圳', code: '05', info: {province: '广东'}}]*/
sortChinese(arr, 'info.province') // 例如:比较的是数组元素属性info内的province属性,传入的就是 'info.province'
console.log(arr);
/* [{name: '北京', code: '01', info: {province: '北京'}},
{name: '深圳', code: '05', info: {province: '广东'}},
{name: '南京', code: '09', info: {province: '江苏'}},
{name: '上海', code: '02', info: {province: '上海'}}]*/</code></pre>
<p>相关文章链接:<a href="https://www.cnblogs.com/weblff/p/9051608.html">https://www.cnblogs.com/weblff/p/9051608.html</a></p>