日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

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

發(fā)布時(shí)間:2023/12/19 javascript 27 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JavaScript对象根据自定义属性进行排序 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

先看下需求。

我想把這很長(zhǎng)一大段的帶有markdown格式的字符串里包含的image標(biāo)簽的文件名和url解析出來,連同文件名中包含的序號(hào),一起存儲(chǔ)到一個(gè)數(shù)組中。

var input = “” + “\n” +

“” + “\n” +

“”;

然后對(duì)這個(gè)數(shù)組根據(jù)序號(hào)進(jìn)行排序,比如上圖的image標(biāo)簽順序是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行傳入數(shù)組原生的sort方法的參數(shù)是一個(gè)排序函數(shù):

執(zhí)行完之后,就按照我期望的MyImage對(duì)象里index屬性進(jìn)行排序了:

要獲取更多Jerry的原創(chuàng)文章,請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的JavaScript对象根据自定义属性进行排序的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。