使用純JS排序getJson - 無插件

所以我想排序外部json文件。最終目標是將這些數據輸出到表格中，並允許用戶單擊表格標題並對數據進行排序。我首先試圖弄清楚如何對數據進行排序。由於下面的功能在三種情況中的兩種中起作用，所以我很接近。我必須使用純JS和有下面的代碼：使用純JS排序getJson - 無插件

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <meta http-equiv="content-type" content="text/html;charset=Windows-1252"> 

    </head> 
    <body> 
     <div id="catTable"></div> 
     <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
     <script> 


    function sortJsonArrayByProperty(objArray, prop, direction){ 
     if (arguments.length<2) throw new Error("sortJsonArrayByProp requires 2 arguments"); 
     var direct = arguments.length>2 ? arguments[2] : 1; //Default to ascending 

     if (objArray && objArray.constructor===Array){ 
      var propPath = (prop.constructor===Array) ? prop : prop.split("."); 
      objArray.sort(function(a,b){ 
       for (var p in propPath){ 
        if (a[propPath[p]] && b[propPath[p]]){ 
         a = a[propPath[p]]; 
         b = b[propPath[p]]; 
        } 
       } 
       // convert numeric strings to integers 
       a = a.match(/^\d+$/) ? +a : a; 
       b = b.match(/^\d+$/) ? +b : b; 
       return ((a < b) ? -1*direct : ((a > b) ? 1*direct : 0)); 
      }); 
     } 
    } 


    $.getJSON('cats.json', function(cats) { 
     sortJsonArrayByProperty(cats, 'cats.coffeePreference'); 

     document.write(cats[0].country); 
     document.write(cats[0].breed); 
     document.write(cats[0].coffeePreference); 
     document.write(cats[1].country); 
     document.write(cats[1].breed); 
     document.write(cats[1].coffeePreference); 
     }); 

    </script> 
    </body> 
    </html>

和下面的外部JSON文件cats.json

[{ 
        "breed" : "Abyssinian", 
        "country" : "Ethiopia", 
        "coffeePreference" : "espresso", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Gustav_chocolate.jpg/100px-Gustav_chocolate.jpg" 
       }, { 
        "breed" : "Aegean", 
        "country" : "Greece", 
        "coffeePreference" : "medium roast, cream and sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Aegean_cat.jpg/100px-Aegean_cat.jpg" 
       }, { 
        "breed" : "American Curl", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/American_curl_2.jpg/100px-American_curl_2.jpg" 
       }, { 
        "breed" : "American Bobtail", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/American_bobtail_2.jpg/100px-American_bobtail_2.jpg" 
       }, { 
        "breed" : "American Shorthair", 
        "country" : "United States", 
        "coffeePreference" : "Skinny Mocha Latte", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/American_Shorthair.jpg/100px-American_Shorthair.jpg" 
       }, { 
        "breed" : "American Wirehair", 
        "country" : "United States", 
        "coffeePreference" : "Skinny Mocha Latte", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/American_Wirehair…JPG/100px-American_Wirehair_-_CFF_cat_show_Heinola_2008-05-04_IMG_8721.JPG" 
       }, { 
        "breed" : "Arabian Mau", 
        "country" : "Arabian Peninsula", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/3yoArabianMau.jpeg/100px-3yoArabianMau.jpeg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Australian Mist", 
        "country" : "Australia", 
        "coffeePreference" : "Irish Coffee", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/Australian_Mist.jpg/100px-Australian_Mist.jpg" 
       }, { 
        "breed" : "Asian", 
        "country" : "developed in the United Kingdom (founding stock from Asia)", 
        "coffeePreference" : "Iced Coffee", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/BrownVarientAsianCat.JPG/100px-BrownVarientAsianCat.JPG" 
       }, { 
        "breed" : "Asian Semi-longhair", 
        "country" : "United Kingdom", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Tiffanie_at_cat_show.jpg/100px-Tiffanie_at_cat_show.jpg" 
       }, { 
        "breed" : "Balinese", 
        "country" : "developed in the United States (founding stock from Thailand)", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Oskar.jpg/100px-Oskar.jpg" 
       }, { 
        "breed" : "Bambino", 
        "country" : "United States", 
        "picture" : "", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Bengal", 
        "country" : "developed in the United States (founding stock from Asia)", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/BengalCat_Stella.jpg/100px-BengalCat_Stella.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Birman", 
        "country" : "Burma", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Birman2.jpg/100px-Birman2.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Bombay", 
        "country" : "developed in the United States (founding stock from Asia)", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/16/Bombay_cat.jpg/100px-Bombay_cat.jpg" 
       }, { 
        "breed" : "Brazilian Shorthair", 
        "country" : "Brazil", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Gato_pelo_curto_brasileiro.JPG/100px-Gato_pelo_curto_brasileiro.JPG" 
       }, { 
        "breed" : "British Semi-longhair", 
        "country" : "United Kingdom", 
        "coffeePreference" : "Americano" 
       }, { 
        "breed" : "British Shorthair", 
        "country" : "United Kingdom", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Britishblue.jpg/100px-Britishblue.jpg" 
       }, { 
        "breed" : "British Longhair", 
        "country" : "United Kingdom", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/British_Longhair_-_Black_Silver_Shaded.jpg/100px-British_Longhair_-_Black_Silver_Shaded.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Burmese", 
        "country" : "Burma and Thailand", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/Blissandlucky11.jpg/100px-Blissandlucky11.jpg" 
       }, { 
        "breed" : "Burmilla", 
        "country" : "United Kingdom", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Male_Burmilla_cat.jpeg/100px-Male_Burmilla_cat.jpeg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "California Spangled", 
        "country" : "United States", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Star_Spangled_Cat.jpg/100px-Star_Spangled_Cat.jpg" 
       }, { 
        "breed" : "Chantilly-Tiffany", 
        "country" : "United States", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Tiffany3.jpg/100px-Tiffany3.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Chartreux", 
        "country" : "France", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/Abbaye_fev2006_003.jpg/100px-Abbaye_fev2006_003.jpg" 
       }, { 
        "breed" : "Chausie", 
        "country" : "France", 
        "coffeePreference" : "Two Sugars", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/Chausiecatexample.jpg/100px-Chausiecatexample.jpg" 
       }, { 
        "breed" : "Cheetoh", 
        "country" : "United States", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/6/6a/Cheetoh_cat_chilling.png/100px-Cheetoh_cat_chilling.png" 
       }, { 
        "breed" : "Colorpoint Shorthair", 
        "country" : "", 
        "picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/d/d5/Jake117.jpg/100px-Jake117.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Cornish Rex", 
        "country" : "United Kingdom (England)", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/BebopsLilacPrince.JPG/100px-BebopsLilacPrince.JPG" 
       }, { 
        "breed" : "Cymric or Manx Longhair", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Cymric_-_Norwegia…ric_-_Norwegian_forest_cat_presentation_show_Kotka_2009-02-01_IMG_0687.JPG", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Cyprus", 
        "country" : "Cyprus", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/CyprusShorthair.jpg/100px-CyprusShorthair.jpg" 
       }, { 
        "breed" : "Devon Rex", 
        "country" : "United Kingdom (England)", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Devon_Rex_Izzy.jpg/100px-Devon_Rex_Izzy.jpg" 
       }, { 
        "breed" : "Donskoy or Don Sphynx", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Cat_don_sphinx.JPG/100px-Cat_don_sphinx.JPG", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Dragon Li", 
        "country" : "China", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Dragon_Li_-_Li_Hua_Mau1.jpg/100px-Dragon_Li_-_Li_Hua_Mau1.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Dwarf cat or Dwelf", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Egyptian Mau", 
        "country" : "Italy", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Egy_mau.jpg/100px-Egy_mau.jpg" 
       }, { 
        "breed" : "European Shorthair", 
        "country" : "Sweden", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/European_shorthair_procumbent_Quincy.jpg/100px-European_shorthair_procumbent_Quincy.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Exotic Shorthair", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Cream_tabby_exotic_cat.jpg/100px-Cream_tabby_exotic_cat.jpg" 
       }, { 
        "breed" : "German Rex", 
        "country" : "East Germany", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/German_Rex_Emi.jpg/100px-German_Rex_Emi.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Havana Brown", 
        "country" : "United Kingdom", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Havana_Brown.jpg/100px-Havana_Brown.jpg" 
       }, { 
        "breed" : "Highlander", 
        "country" : "United Kingdom (Scotland)", 
        "coffeePreference" : "Americano" 
       }, { 
        "breed" : "Himalayan or Colorpoint Persian", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Chocolate_Himlayan.jpg/100px-Chocolate_Himlayan.jpg" 
       }, { 
        "breed" : "Japanese Bobtail", 
        "country" : "Japan", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/56/JapaneseBobtailBlueEyedMi-ke.JPG/100px-JapaneseBobtailBlueEyedMi-ke.JPG", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Javanese", 
        "country" : "United States", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Javanese_cat.jpg/100px-Javanese_cat.jpg" 
       }, { 
        "breed" : "Kurilian Bobtail", 
        "country" : "Western Russia", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Khao Manee", 
        "country" : "Thailand", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Khao_Manee_%22ChaWee%22.jpg/100px-Khao_Manee_%22ChaWee%22.jpg" 
       }, { 
        "breed" : "Korat", 
        "country" : "Thailand", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Veda%2Cchat-adult…m%C3%A2le-race-korat.JPG/100px-Veda%2Cchat-adulte-m%C3%A2le-race-korat.JPG" 
       }, { 
        "breed" : "Korn Ja", 
        "country" : "Thailand", 
        "coffeePreference" : "Carmel Latte Grande" 
       }, { 
        "breed" : "Kurilian Bobtail or Kuril Islands Bobtail", 
        "country" : "Japan ", 
        "picture" : " https : //upload.wikimedia.org/wikipedia/commons/thumb/8/82/Kurilian_bobtail.JPG/100px-Kurilian_bobtail.JPG", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "LaPerm", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Laperm_LH_red_tabby.jpg/100px-Laperm_LH_red_tabby.jpg" 
       }, { 
        "breed" : "Lykoi", 
        "country" : "United States", 
        "coffeePreference" : "Two Sugars" 
       }, { 
        "breed" : "Maine Coon", 
        "country" : "United States", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Maine_Coon_female.jpg/100px-Maine_Coon_female.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Manx", 
        "country" : "United Kingdom (Isle of Man)", 
        "coffeePreference" : "Skinny Mocha Latte", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Japanese_Bobtail_looking_like_Manx.jpg/100px-Japanese_Bobtail_looking_like_Manx.jpg" 
       }, { 
        "breed" : "Mekong Bobtail", 
        "country" : "Russia", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Mekong_bobtail_fe…_Pride_cattery.jpg/100px-Mekong_bobtail_female%2C_Cofein_Pride_cattery.jpg" 
       }, { 
        "breed" : "Minskin", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "" 
       }, { 
        "breed" : "Munchkin", 
        "country" : "United States", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Longhairedmunchkin.jpg/100px-Longhairedmunchkin.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Nebelung", 
        "country" : "United States", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Nebelung_Male%2C_…n_Song_de_Chine.JPG/100px-Nebelung_Male%2C_Aleksandr_van_Song_de_Chine.JPG" 
       }, { 
        "breed" : "Norwegian Forest Cat", 
        "country" : "Norway", 
        "coffeePreference" : "Skinny Mocha Latte", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Norskskogkatt_Evita_3.JPG/100px-Norskskogkatt_Evita_3.JPG" 
       }, { 
        "breed" : "Ocicat", 
        "country" : "United States", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Ocicat-Charan.jpg/100px-Ocicat-Charan.jpg" 
       }, { 
        "breed" : "Oriental Bicolor", 
        "country" : "", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Oriental_shorthair_20070130_caroline.jpg/100px-Oriental_shorthair_20070130_caroline.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Oriental Shorthair", 
        "country" : "", 
        "coffeePreference" : "Skinny Mocha Latte", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Oriental_Shorthai…ile%29.jpg/100px-Oriental_Shorthair_Blue_Eyed_White_cat_%28juvenile%29.jpg" 
       }, { 
        "breed" : "Oriental Longhair", 
        "country" : "", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/OLH-GIP_Divan_Cesar.jpg/100px-OLH-GIP_Divan_Cesar.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Persian (Modern Persian Cat)", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Persialainen.jpg/100px-Persialainen.jpg" 
       }, { 
        "breed" : "Persian (Traditional Persian Cat)", 
        "country" : "Greater Iran", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/67/SnowyandHazy.jpg/100px-SnowyandHazy.jpg" 
       }, { 
        "breed" : "Peterbald", 
        "country" : "Russia", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Tamila_the_lilac_tabby_Peterbald_cat.jpg/100px-Tamila_the_lilac_tabby_Peterbald_cat.jpg" 
       }, { 
        "breed" : "Pixie-bob", 
        "country" : "United States", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Jarnac_Bepacific_feb07.jpg/100px-Jarnac_Bepacific_feb07.jpg" 
       }, { 
        "breed" : "Ragamuffin", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/20050922AmarilloRes.jpg/100px-20050922AmarilloRes.jpg" 
       }, { 
        "breed" : "Ragdoll", 
        "country" : "United States", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Ragdoll_from_Gatil_Ragbelas.jpg/100px-Ragdoll_from_Gatil_Ragbelas.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Russian Blue", 
        "country" : "Russia", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Russian_Blue_001.gif/100px-Russian_Blue_001.gif" 
       }, { 
        "breed" : "Russian White, Black and Tabby", 
        "country" : "Australia", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Sam Sawet", 
        "country" : "Thailand", 
        "coffeePreference" : "Carmel Latte Grande" 
       }, { 
        "breed" : "Savannah", 
        "country" : "United States", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Savannah_Cat_portrait.jpg/100px-Savannah_Cat_portrait.jpg" 
       }, { 
        "breed" : "Scottish Fold", 
        "country" : "United Kingdom (Scotland)", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Lilac_Scottish_Fold.jpg/100px-Lilac_Scottish_Fold.jpg" 
       }, { 
        "breed" : "Selkirk Rex", 
        "country" : "United States", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/c/c3/PolloSelkirkRex.jpg/100px-PolloSelkirkRex.jpg" 
       }, { 
        "breed" : "Serengeti", 
        "country" : "United States", 
        "coffeePreference" : "Cream, No Sugar", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Serengetimalecat.jpg/100px-Serengetimalecat.jpg" 
       }, { 
        "breed" : "Serrade petit", 
        "country" : "France", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Serrade_petit.jpg/100px-Serrade_petit.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Siamese", 
        "country" : "Thailand", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Siam_lilacpoint.jpg/100px-Siam_lilacpoint.jpg" 
       }, { 
        "breed" : "Siberian", 
        "country" : "Russia", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Qgcfillimor.jpg/100px-Qgcfillimor.jpg" 
       }, { 
        "breed" : "Singapura", 
        "country" : "Singapore", 
        "coffeePreference" : "Two Sugars", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/d/da/Raffles_singapura_cat.jpg/100px-Raffles_singapura_cat.jpg" 
       }, { 
        "breed" : "Snowshoe", 
        "country" : "United States", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Snowshoe_%28cat%29.JPG/100px-Snowshoe_%28cat%29.JPG" 
       }, { 
        "breed" : "Sokoke", 
        "country" : "Kenya", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Sokoke_dalili.jpg/100px-Sokoke_dalili.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Somali", 
        "country" : "Somalia", 
        "coffeePreference" : "Two Sugars", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/Blue_Somali_kitten_age_3_months.jpg/100px-Blue_Somali_kitten_age_3_months.jpg" 
       }, { 
        "breed" : "Sphynx", 
        "country" : "Canada", 
        "coffeePreference" : "Americano", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Sphinx2_July_2006.jpg/100px-Sphinx2_July_2006.jpg" 
       }, { 
        "breed" : "Suphalak", 
        "country" : "Thailand", 
        "coffeePreference" : "Carmel Latte Grande", 
        "picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/5/52/Suphalak_Female_in_Tha…umDaengManee.jpg/100px-Suphalak_Female_in_Thailand_named_AumDaengManee.jpg" 
       }, { 
        "breed" : "Thai", 
        "country" : "Thailand", 
        "coffeePreference" : "French Roast", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Mimbi3.JPG/100px-Mimbi3.JPG" 
       }, { 
        "breed" : "Tonkinese", 
        "country" : "Canada", 
        "coffeePreference" : "Turkish", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Tonkinese.gif/100px-Tonkinese.gif" 
       }, { 
        "breed" : "Toyger", 
        "country" : "United States", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Toyger_-_Cornish_…ger_-_Cornish_Rex_presentation_show_Riihim%C3%A4ki_2008-11-16_IMG_0101.JPG", 
        "coffeePreference" : "Cafe Au Lait" 
       }, { 
        "breed" : "Turkish Angora", 
        "country" : "Turkey", 
        "coffeePreference" : "Skinny Mocha Latte", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Angora.jpg/100px-Angora.jpg" 
       }, { 
        "breed" : "Turkish Van", 
        "country" : "developed in the United Kingdom (founding stock from Turkey)", 
        "picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/11/Turkish_Van_Example2.jpg/100px-Turkish_Van_Example2.jpg", 
        "coffeePreference" : "Cafe Au Lait" 
       } 
      ]

上cats.breed andcats.coffeePreference調用時的排序功能的正常使用，但在cats.country上調用函數時，我得到一個空白屏幕。任何人都可以解釋爲什麼會發生？

來源

2015-08-16 00robinette

最新更新

當你排序您最近發佈的大JSON對象的排序功能將incurr以下錯誤（在你的開發者控制檯窗口中可見）："Exception: TypeError: a.match is not a function"。

這是由您嘗試測試數字內容引起的。 .match()是String對象的一個方法，所以當a.country或b.country恰好是空的（= undefined），那麼沒有其中函數match()可以發現字符串對象！如果您註釋掉就行

// a = a.match(/^\d+$/) ? +a : a; 
// b = b.match(/^\d+$/) ? +b : b;

（或使用排序功能，我建議，看看我編輯的版本低於）你的問題了。

更新

我在自己的排序例行仔細一看，發現如下：

第二個參數prop絕對是太複雜了：你有進入一個組合對象名稱'cats.coffeePreference'然後分成兩個部分。到目前爲止情況非常好，但是隨後您遍歷了組件（在您的示例中爲'cats'和'coffeePreference'），並期望在傳遞給排序回調函數的cats -objects a和b中查找這些名稱的屬性。第一個屬性'cats'將始終爲undefined，所以基本上是浪費時間（和代碼）尋找它。幸運的是，你首先檢查是否存在，但仍然是多餘的。
對數值數據的檢查基本上可以，但是沒有半心半意。它只查找由數字組成的字符串，而沒有其他字符。因此，如果一個變量包含像' 1'或'2.5'（或諸如'-.1'或'10.30 '之類的字符串），而不是被識別爲「數字」。像
```
/^(?=.*\d)\s*-?\d*\.?\d*\s*?$/.test(a); 
```
或替代地，更簡單的功能，基於正則表達式測試
```
!isNaN(a) 
```
會告訴你a是否是數字或沒有。

我測試你的排序功能，儘管上述缺點：它仍然有效！

然而，這裏是我對你的那種有些簡化版本：

function catsrt(arr,prop,dir){ 
 
dir=dir||1;       // default sort direction 
 
arr.sort(function(a,b){ 
 
    var aa=a[prop]||'0',bb=b[prop]||'0'; // '0' in case of "undefined" entries 
 
    return aa.localeCompare(bb)*dir;  // use string method localeCompare 
 
}); 
 
} 
 
$('button').click(function(){ 
 
    var prop=$(this).text(),dir=$('input:checked').length==1?-1:1; 
 
    catsrt(cats,prop,dir); 
 
    $('#out').html($.map(cats,function(cat){return $.map(cat,function(v,k){ 
 
    return k+':<span class="'+k+'">'+v+'</span>';}).join(',');}).join('<hr>')); 
 
    $('.'+prop).css('color',dir>0?'green':'red'); 
 
}); 
 

 
var cats=[{ 
 
"breed" : "Abyssinian", 
 
"country" : "Ethiopia", 
 
"coffeePreference" : "espresso", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9b/Gustav_chocolate.jpg/100px-Gustav_chocolate.jpg" 
 
}, { 
 
"breed" : "Aegean", 
 
"country" : "Greece", 
 
"coffeePreference" : "medium roast, cream and sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Aegean_cat.jpg/100px-Aegean_cat.jpg" 
 
}, { 
 
"breed" : "American Curl", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/American_curl_2.jpg/100px-American_curl_2.jpg" 
 
}, { 
 
"breed" : "American Bobtail", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/88/American_bobtail_2.jpg/100px-American_bobtail_2.jpg" 
 
}, { 
 
"breed" : "American Shorthair", 
 
"country" : "United States", 
 
"coffeePreference" : "Skinny Mocha Latte", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/American_Shorthair.jpg/100px-American_Shorthair.jpg" 
 
}, { 
 
"breed" : "American Wirehair", 
 
"country" : "United States", 
 
"coffeePreference" : "Skinny Mocha Latte", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/American_Wirehair…JPG/100px-American_Wirehair_-_CFF_cat_show_Heinola_2008-05-04_IMG_8721.JPG" 
 
}, { 
 
"breed" : "Arabian Mau", 
 
"country" : "Arabian Peninsula", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/3yoArabianMau.jpeg/100px-3yoArabianMau.jpeg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Australian Mist", 
 
"country" : "Australia", 
 
"coffeePreference" : "Irish Coffee", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/Australian_Mist.jpg/100px-Australian_Mist.jpg" 
 
}, { 
 
"breed" : "Asian", 
 
"country" : "developed in the United Kingdom (founding stock from Asia)", 
 
"coffeePreference" : "Iced Coffee", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/BrownVarientAsianCat.JPG/100px-BrownVarientAsianCat.JPG" 
 
}, { 
 
"breed" : "Asian Semi-longhair", 
 
"country" : "United Kingdom", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Tiffanie_at_cat_show.jpg/100px-Tiffanie_at_cat_show.jpg" 
 
}, { 
 
"breed" : "Balinese", 
 
"country" : "developed in the United States (founding stock from Thailand)", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Oskar.jpg/100px-Oskar.jpg" 
 
}, { 
 
"breed" : "Bambino", 
 
"country" : "United States", 
 
"picture" : "", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Bengal", 
 
"country" : "developed in the United States (founding stock from Asia)", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9f/BengalCat_Stella.jpg/100px-BengalCat_Stella.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Birman", 
 
"country" : "Burma", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Birman2.jpg/100px-Birman2.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Bombay", 
 
"country" : "developed in the United States (founding stock from Asia)", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/16/Bombay_cat.jpg/100px-Bombay_cat.jpg" 
 
}, { 
 
"breed" : "Brazilian Shorthair", 
 
"country" : "Brazil", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Gato_pelo_curto_brasileiro.JPG/100px-Gato_pelo_curto_brasileiro.JPG" 
 
}, { 
 
"breed" : "British Semi-longhair", 
 
"country" : "United Kingdom", 
 
"coffeePreference" : "Americano" 
 
}, { 
 
"breed" : "British Shorthair", 
 
"country" : "United Kingdom", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Britishblue.jpg/100px-Britishblue.jpg" 
 
}, { 
 
"breed" : "British Longhair", 
 
"country" : "United Kingdom", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/British_Longhair_-_Black_Silver_Shaded.jpg/100px-British_Longhair_-_Black_Silver_Shaded.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Burmese", 
 
"country" : "Burma and Thailand", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/Blissandlucky11.jpg/100px-Blissandlucky11.jpg" 
 
}, { 
 
"breed" : "Burmilla", 
 
"country" : "United Kingdom", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Male_Burmilla_cat.jpeg/100px-Male_Burmilla_cat.jpeg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "California Spangled", 
 
"country" : "United States", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Star_Spangled_Cat.jpg/100px-Star_Spangled_Cat.jpg" 
 
}, { 
 
"breed" : "Chantilly-Tiffany", 
 
"country" : "United States", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Tiffany3.jpg/100px-Tiffany3.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Chartreux", 
 
"country" : "France", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/Abbaye_fev2006_003.jpg/100px-Abbaye_fev2006_003.jpg" 
 
}, { 
 
"breed" : "Chausie", 
 
"country" : "France", 
 
"coffeePreference" : "Two Sugars", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/Chausiecatexample.jpg/100px-Chausiecatexample.jpg" 
 
}, { 
 
"breed" : "Cheetoh", 
 
"country" : "United States", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/6/6a/Cheetoh_cat_chilling.png/100px-Cheetoh_cat_chilling.png" 
 
}, { 
 
"breed" : "Colorpoint Shorthair", 
 
"country" : "", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/d/d5/Jake117.jpg/100px-Jake117.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Cornish Rex", 
 
"country" : "United Kingdom (England)", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/BebopsLilacPrince.JPG/100px-BebopsLilacPrince.JPG" 
 
}, { 
 
"breed" : "Cymric or Manx Longhair", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Cymric_-_Norwegia…ric_-_Norwegian_forest_cat_presentation_show_Kotka_2009-02-01_IMG_0687.JPG", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Cyprus", 
 
"country" : "Cyprus", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/CyprusShorthair.jpg/100px-CyprusShorthair.jpg" 
 
}, { 
 
"breed" : "Devon Rex", 
 
"country" : "United Kingdom (England)", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Devon_Rex_Izzy.jpg/100px-Devon_Rex_Izzy.jpg" 
 
}, { 
 
"breed" : "Donskoy or Don Sphynx", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Cat_don_sphinx.JPG/100px-Cat_don_sphinx.JPG", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Dragon Li", 
 
"country" : "China", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Dragon_Li_-_Li_Hua_Mau1.jpg/100px-Dragon_Li_-_Li_Hua_Mau1.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Dwarf cat or Dwelf", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Egyptian Mau", 
 
"country" : "Italy", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Egy_mau.jpg/100px-Egy_mau.jpg" 
 
}, { 
 
"breed" : "European Shorthair", 
 
"country" : "Sweden", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/European_shorthair_procumbent_Quincy.jpg/100px-European_shorthair_procumbent_Quincy.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Exotic Shorthair", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Cream_tabby_exotic_cat.jpg/100px-Cream_tabby_exotic_cat.jpg" 
 
}, { 
 
"breed" : "German Rex", 
 
"country" : "East Germany", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/German_Rex_Emi.jpg/100px-German_Rex_Emi.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Havana Brown", 
 
"country" : "United Kingdom", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Havana_Brown.jpg/100px-Havana_Brown.jpg" 
 
}, { 
 
"breed" : "Highlander", 
 
"country" : "United Kingdom (Scotland)", 
 
"coffeePreference" : "Americano" 
 
}, { 
 
"breed" : "Himalayan or Colorpoint Persian", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Chocolate_Himlayan.jpg/100px-Chocolate_Himlayan.jpg" 
 
}, { 
 
"breed" : "Japanese Bobtail", 
 
"country" : "Japan", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/56/JapaneseBobtailBlueEyedMi-ke.JPG/100px-JapaneseBobtailBlueEyedMi-ke.JPG", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Javanese", 
 
"country" : "United States", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Javanese_cat.jpg/100px-Javanese_cat.jpg" 
 
}, { 
 
"breed" : "Kurilian Bobtail", 
 
"country" : "Western Russia", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Khao Manee", 
 
"country" : "Thailand", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Khao_Manee_%22ChaWee%22.jpg/100px-Khao_Manee_%22ChaWee%22.jpg" 
 
}, { 
 
"breed" : "Korat", 
 
"country" : "Thailand", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Veda%2Cchat-adult…m%C3%A2le-race-korat.JPG/100px-Veda%2Cchat-adulte-m%C3%A2le-race-korat.JPG" 
 
}, { 
 
"breed" : "Korn Ja", 
 
"country" : "Thailand", 
 
"coffeePreference" : "Carmel Latte Grande" 
 
}, { 
 
"breed" : "Kurilian Bobtail or Kuril Islands Bobtail", 
 
"country" : "Japan ", 
 
"picture" : " https : //upload.wikimedia.org/wikipedia/commons/thumb/8/82/Kurilian_bobtail.JPG/100px-Kurilian_bobtail.JPG", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "LaPerm", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Laperm_LH_red_tabby.jpg/100px-Laperm_LH_red_tabby.jpg" 
 
}, { 
 
"breed" : "Lykoi", 
 
"country" : "United States", 
 
"coffeePreference" : "Two Sugars" 
 
}, { 
 
"breed" : "Maine Coon", 
 
"country" : "United States", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Maine_Coon_female.jpg/100px-Maine_Coon_female.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Manx", 
 
"country" : "United Kingdom (Isle of Man)", 
 
"coffeePreference" : "Skinny Mocha Latte", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Japanese_Bobtail_looking_like_Manx.jpg/100px-Japanese_Bobtail_looking_like_Manx.jpg" 
 
}, { 
 
"breed" : "Mekong Bobtail", 
 
"country" : "Russia", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Mekong_bobtail_fe…_Pride_cattery.jpg/100px-Mekong_bobtail_female%2C_Cofein_Pride_cattery.jpg" 
 
}, { 
 
"breed" : "Minskin", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "" 
 
}, { 
 
"breed" : "Munchkin", 
 
"country" : "United States", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Longhairedmunchkin.jpg/100px-Longhairedmunchkin.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Nebelung", 
 
"country" : "United States", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Nebelung_Male%2C_…n_Song_de_Chine.JPG/100px-Nebelung_Male%2C_Aleksandr_van_Song_de_Chine.JPG" 
 
}, { 
 
"breed" : "Norwegian Forest Cat", 
 
"country" : "Norway", 
 
"coffeePreference" : "Skinny Mocha Latte", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Norskskogkatt_Evita_3.JPG/100px-Norskskogkatt_Evita_3.JPG" 
 
}, { 
 
"breed" : "Ocicat", 
 
"country" : "United States", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Ocicat-Charan.jpg/100px-Ocicat-Charan.jpg" 
 
}, { 
 
"breed" : "Oriental Bicolor", 
 
"country" : "", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Oriental_shorthair_20070130_caroline.jpg/100px-Oriental_shorthair_20070130_caroline.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Oriental Shorthair", 
 
"country" : "", 
 
"coffeePreference" : "Skinny Mocha Latte", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Oriental_Shorthai…ile%29.jpg/100px-Oriental_Shorthair_Blue_Eyed_White_cat_%28juvenile%29.jpg" 
 
}, { 
 
"breed" : "Oriental Longhair", 
 
"country" : "", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/OLH-GIP_Divan_Cesar.jpg/100px-OLH-GIP_Divan_Cesar.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Persian (Modern Persian Cat)", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Persialainen.jpg/100px-Persialainen.jpg" 
 
}, { 
 
"breed" : "Persian (Traditional Persian Cat)", 
 
"country" : "Greater Iran", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/67/SnowyandHazy.jpg/100px-SnowyandHazy.jpg" 
 
}, { 
 
"breed" : "Peterbald", 
 
"country" : "Russia", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Tamila_the_lilac_tabby_Peterbald_cat.jpg/100px-Tamila_the_lilac_tabby_Peterbald_cat.jpg" 
 
}, { 
 
"breed" : "Pixie-bob", 
 
"country" : "United States", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Jarnac_Bepacific_feb07.jpg/100px-Jarnac_Bepacific_feb07.jpg" 
 
}, { 
 
"breed" : "Ragamuffin", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/20050922AmarilloRes.jpg/100px-20050922AmarilloRes.jpg" 
 
}, { 
 
"breed" : "Ragdoll", 
 
"country" : "United States", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Ragdoll_from_Gatil_Ragbelas.jpg/100px-Ragdoll_from_Gatil_Ragbelas.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Russian Blue", 
 
"country" : "Russia", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Russian_Blue_001.gif/100px-Russian_Blue_001.gif" 
 
}, { 
 
"breed" : "Russian White, Black and Tabby", 
 
"country" : "Australia", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Sam Sawet", 
 
"country" : "Thailand", 
 
"coffeePreference" : "Carmel Latte Grande" 
 
}, { 
 
"breed" : "Savannah", 
 
"country" : "United States", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Savannah_Cat_portrait.jpg/100px-Savannah_Cat_portrait.jpg" 
 
}, { 
 
"breed" : "Scottish Fold", 
 
"country" : "United Kingdom (Scotland)", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Lilac_Scottish_Fold.jpg/100px-Lilac_Scottish_Fold.jpg" 
 
}, { 
 
"breed" : "Selkirk Rex", 
 
"country" : "United States", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/c/c3/PolloSelkirkRex.jpg/100px-PolloSelkirkRex.jpg" 
 
}, { 
 
"breed" : "Serengeti", 
 
"country" : "United States", 
 
"coffeePreference" : "Cream, No Sugar", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Serengetimalecat.jpg/100px-Serengetimalecat.jpg" 
 
}, { 
 
"breed" : "Serrade petit", 
 
"country" : "France", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/Serrade_petit.jpg/100px-Serrade_petit.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Siamese", 
 
"country" : "Thailand", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Siam_lilacpoint.jpg/100px-Siam_lilacpoint.jpg" 
 
}, { 
 
"breed" : "Siberian", 
 
"country" : "Russia", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Qgcfillimor.jpg/100px-Qgcfillimor.jpg" 
 
}, { 
 
"breed" : "Singapura", 
 
"country" : "Singapore", 
 
"coffeePreference" : "Two Sugars", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/d/da/Raffles_singapura_cat.jpg/100px-Raffles_singapura_cat.jpg" 
 
}, { 
 
"breed" : "Snowshoe", 
 
"country" : "United States", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Snowshoe_%28cat%29.JPG/100px-Snowshoe_%28cat%29.JPG" 
 
}, { 
 
"breed" : "Sokoke", 
 
"country" : "Kenya", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Sokoke_dalili.jpg/100px-Sokoke_dalili.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Somali", 
 
"country" : "Somalia", 
 
"coffeePreference" : "Two Sugars", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c6/Blue_Somali_kitten_age_3_months.jpg/100px-Blue_Somali_kitten_age_3_months.jpg" 
 
}, { 
 
"breed" : "Sphynx", 
 
"country" : "Canada", 
 
"coffeePreference" : "Americano", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e8/Sphinx2_July_2006.jpg/100px-Sphinx2_July_2006.jpg" 
 
}, { 
 
"breed" : "Suphalak", 
 
"country" : "Thailand", 
 
"coffeePreference" : "Carmel Latte Grande", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/en/thumb/5/52/Suphalak_Female_in_Tha…umDaengManee.jpg/100px-Suphalak_Female_in_Thailand_named_AumDaengManee.jpg" 
 
}, { 
 
"breed" : "Thai", 
 
"country" : "Thailand", 
 
"coffeePreference" : "French Roast", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Mimbi3.JPG/100px-Mimbi3.JPG" 
 
}, { 
 
"breed" : "Tonkinese", 
 
"country" : "Canada", 
 
"coffeePreference" : "Turkish", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/Tonkinese.gif/100px-Tonkinese.gif" 
 
}, { 
 
"breed" : "Toyger", 
 
"country" : "United States", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Toyger_-_Cornish_…ger_-_Cornish_Rex_presentation_show_Riihim%C3%A4ki_2008-11-16_IMG_0101.JPG", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}, { 
 
"breed" : "Turkish Angora", 
 
"country" : "Turkey", 
 
"coffeePreference" : "Skinny Mocha Latte", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Angora.jpg/100px-Angora.jpg" 
 
}, { 
 
"breed" : "Turkish Van", 
 
"country" : "developed in the United Kingdom (founding stock from Turkey)", 
 
"picture" : "https://upload.wikimedia.org/wikipedia/commons/thumb/1/11/Turkish_Van_Example2.jpg/100px-Turkish_Van_Example2.jpg", 
 
"coffeePreference" : "Cafe Au Lait" 
 
}];

span {font-weight:bold}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox">descending<br> 
 
<button>breed</button><button>country</button><button>coffeePreference</button> 
 
<div id="out"></div>

來源

2015-08-16 16:50:14 cars10m

的問題是JSON文件是外部的，我必須使用的getJSON調用來檢索數據。 – 00robinette

那麼，從你的帖子中我收集你沒有問題通過'getJSON（）'接收數據，所以我開始從實際的數組需要排序的點。那麼，獲取數據然後**仍然是一個問題？ – cars10m

這非常接近，但我仍然有同樣的問題。當我使用我的貓時，我無法分辨國家。 json數據。它適用於較小的cat變量，但不適用於整個文件。 – 00robinette

使用純JS排序getJson - 無插件

回答

相關問題