js 把對象按照屬性名的字母順序進行排列

来源:http://www.cnblogs.com/leilei-frontEnd/archive/2016/08/10/5757627.html
-Advertisement-
Play Games

objKeySort(obj) ; //函數執行Object {ace: 5, age: 8, name: "zhangsan", nbme: "lisi"};// 執行結果 如果要倒序排列,只需在newkey這個數組中的每一項進行顛倒即可,即var newkey = Object.keys(obj ...


var obj = {name: "zhangsan", age: 8, ace: 5, nbme: "lisi"};//要排序的對象
function objKeySort(obj) {//排序的函數
var newkey = Object.keys(obj).sort();
  //先用Object內置類的keys方法獲取要排序對象的屬性名,再利用Array原型上的sort方法對獲取的屬性名進行排序,newkey是一個數組
var newObj = {};//創建一個新的對象,用於存放排好序的鍵值對
for (var i = 0; i < newkey.length; i++) {//遍歷newkey數組
newObj[newkey[i]] = obj[newkey[i]];//向新創建的對象中按照排好的順序依次增加鍵值對
}
return newObj;//返回排好序的新對象
}

objKeySort(obj) ;  //函數執行
Object {ace: 5, age: 8, name: "zhangsan", nbme: "lisi"};// 執行結果

 

如果要倒序排列,只需在newkey這個數組中的每一項進行顛倒即可,即var newkey = Object.keys(obj).sort()。reverse();

objKeySort(obj) ;  //函數執行
Object {nbme: "lisi", name: "zhangsan", age: 8, ace: 5};// 執行結果


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 簡單記錄javascript中對象的使用 一、創建對象 上面使用了兩種方式創建對象,一種是字面量的方式,另一種是使用new創建對象,new後面的Object叫做構造函數。 二、對象的訪問 從上面我們可以看到我們給對向o4增加了一個屬性name,使用的是點號的方式,即對象名.屬性名,這就是其中的一種訪 ...
  • Js獲取當前日期時間及其它操作var myDate = new Date();myDate.getYear(); //獲取當前年份(2位)myDate.getFullYear(); //獲取完整的年份(4位,1970-????)myDate.getMonth(); //獲取當前月份(0-11,0代表 ...
  • 最近發現UC下通過display:inline-block佈局有點問題,全用最新版:Android6系統和最新版UC手機瀏覽器都還是有問題。 設計需求: 導航欄100%寬度,共有4個子欄目,每一個欄目占1/4寬度。 HTML代碼為: 方法一: 通過"display: inline-block;"來布 ...
  • 1. 方法概述 Array的sort()方法預設把所有元素先轉換為String再根據Unicode排序, sort()會改變原數組,並返回改變(排序)後的數組 。 2. 例子 2.1 如果沒有提供自定義的方法, 數組元素會被轉換成字元串,並返回字元串在Unicode編碼下的順序比較結果 2.2 利用 ...
  • 背景 我個人很喜歡TypeScript也很喜歡Vue,但在兩者共同使用的時候遇到一些問題。 Vue的實例化對象代理了所有實際ViewModel對象,具體可參見官方文檔( http://vuejs.org.cn/guide/instance.html 屬性與方法) Vue的屬性與方法: 每個 Vue ...
  • 一、概述 HTML5 提供了兩種在客戶端存儲數據的新方法: localStorage - 沒有時間限制的數據存儲 sessionStorage - 針對一個 session 的數據存儲 之前,這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲,因為它們由每個對伺服器的請求來傳 ...
  • 初學者經常碰到的,即獲取HTML元素集合,迴圈給元素添加事件。在事件響應函數中(event handler)獲取對應的索引。但每次獲取的都是最後一次迴圈的索引。原因是初學者並未理解JavaScript的閉包特性。 有個網友問了個問題,如下的html,為什麼點擊所有的段落p輸出都是5,而不是alert ...
  • <td style="text-align:center;"> 讓表格中的字居中 style="width:75px; margin-left:1100px;" 增加同一行的兩個標簽的距離: margin-left:1100px 距離屏幕左邊的像素距離。 <a href="#"><i class=" ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...