JavaScript对象根据自定义属性进行排序

先看下需求。

我想把这很长一大段的带有markdown格式的字符串里包含的image标签的文件名和url解析出来，连同文件名中包含的序号，一起存储到一个数组中。

var input = “” + “\n” +

“” + “\n” +

“”;

然后对这个数组根据序号进行排序，比如上图的image标签顺序是image3, image1和image2，但我希望排序后的顺序是image1, image2和image3.

下面是我的代码。

<html>
<script>var input = "![image3.png](https://upload-images.jianshu.io/upload_images/2085791-4d8b2cda3a057fb6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)" + "\n" + "![image1.png](https://upload-images.jianshu.io/upload_images/2085791-9aa6232b1426df28.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)" + "\n" + "![image2.png](https://upload-images.jianshu.io/upload_images/2085791-04f2773c126194fe.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)";var IMAGE_PATTERN = /^!\[(.*)\]\((.*)\)$/;
var IMAGE_INDEX = /^image(\d+).*$/;function MyImage(index, name, url){this.index = index;this.name = name;this.url = url;
}var imagePool = [];function sortByIndex(v1,v2){if(v1.index < v2.index ){return -1;}else if(v1.index > v2.index ){return 1;}else return 0;
}function getParsedImage(input) {if (input.indexOf("https://upload-images.jianshu.io") < 0 ) {return;} var result = IMAGE_PATTERN.exec(input);if( result.length != 3){return;}var imageIndex = IMAGE_INDEX.exec(result[1]);console.assert(imageIndex.length === 2);return new MyImage(imageIndex[1], result[1], result[2]);
}var raw = input.split("\n");for( var i = 0; i < raw.length; i++){var each = getParsedImage(raw[i]);if( !!each){imagePool.push(each);}
}imagePool.sort(sortByIndex);
debugger;</script>
</html>

第58行传入数组原生的sort方法的参数是一个排序函数：

执行完之后，就按照我期望的MyImage对象里index属性进行排序了：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

JavaScript对象根据自定义属性进行排序相关推荐

Javascript 对象二（Number、String、Boolean、Array、Date、Math、RegExp）
Javascript 对象二(Number.String.Boolean.Array.Date.Math.RegExp) Number 数字对象 String 字符串对象 Boolean 布尔对 ...
如何遍历JavaScript对象？
本文翻译自:How to iterate over a JavaScript object? I have an object in JavaScript: 我在JavaScript中有一个对象: { ...
javascript对象操作总结
2019独角兽企业重金招聘Python工程师标准>>> <script type="text/javascript" >/***对象声明和赋值操作** ...
JavaScript 对象总结
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象 JavaScript 对象对象只是一种特殊的数据.对象拥有属性和方法访问对象 ...
笔记--javascript对象及简单，复杂数据类型
javascript 对象 1. 对象什么是对象 ? 在 javascript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值,数组,函数等.对象是由属性和方法组成的 ...
JavaScript对象复习
JavaScript对象 Array对象 function $(tg) {return document.writeln("<br/>"+tg); } var arr= ...
JavaScript交互式网页设计 • 【第5章 JavaScript对象】
全部章节 >>>> 本章目录 5.1 Object 对象和 Date 对象 5.1.1 JavaScript 的内部对象 5.1.2 Object对象 5.1.3 Date ...
如何获取HTML元素对应JavaScript对象？
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
根据数组中对象的属性值排序倒叙
数组中对象的属性值排序倒叙demo function compare(e) {return function (a, b) {var value1 = a[e];var value2 = b[e];r ...

JavaScript对象根据自定义属性进行排序

JavaScript对象根据自定义属性进行排序相关推荐

最新文章

热门文章