Re: [ js ] 將一堆值不重複的存到的一個陣列

看板Ajax作者 (小犬)時間16年前 (2009/08/27 05:12), 編輯推噓3(303)
留言6則, 4人參與, 最新討論串2/2 (看更多)
雖然推文都回答到了,但還是回一篇好了,比較清楚 ※ 引述《JYHuang (夏天到了,冷不起來了說)》之銘言: : 標題: [ js ] 將一堆值不重複的存到的一個陣列 : 時間: Wed Aug 26 13:51:56 2009 : 設我從HTML上的元素取得一堆值 : ex: <input value="A"> : <input value="A"> : <input value="B"> : <input value="C"> : 想存成內容為A,B,C的陣列 : 我是用php的觀念去寫 : var array = New Array(); : $("input").each(function(){ : var key=$(this).val(); // 取value : array[key] = key; : eval("array['"+key+"'] = '"+key+"';"); ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 為什麼你要 key 和 value 同值? array.push(key);// 一般而言我會這樣作 : } : alert(array); // 這時 array[0] = 'a', array[1] = 'b', ... : 不管用黃色那行的還是綠色那行 : 結果 alert(array) 的值都是空的.. : JavaScript不能直接把值塞給陣列嗎? JavaScript 沒有像 PHP 那樣的萬能 Array, 或著說, PHP 那樣的萬能 Array 在其他語言是一個奇怪的行為 而 JavaScript 的 Array 就比較單純,你只能夠用整數來當 Array 的索引 不過,可以用 length 來讀陣列內元素數量, push(), pop() 等進行操作 合理的 JavaScript Array 是像這樣的 var dog = ['a', 'b', 'c']; 至於為什麼 JavaScript「看起來像可以作 Associative Array」 也就是,為什麼 array['ccc'] 不會報錯,請見下方 : ---- : : 結果我用for(n in array) ^^^^^^^^^^^^^^^ for ... in 是輸出 Object 之中的物件屬性 : alert(array[n]); : 有值出現 以上的 Code 是「負負得正」的結果 XD : 原來這種格式的陣列用alert是不會顯示內容的 @.@ 你這樣寫就不是陣列了,原因請看原文推文: 推 lausai:用非負整數之外的數值(負數 字串..etc)當作索引去設定陣列 08/26 15:00 → lausai:是幫該"陣列物件"加上object property 08/26 15:01 → lausai:並不是加上array element.. 因為陣列也是物件 08/26 15:02 推 lausai:js的陣列不是關聯陣列..可能js的高動態性(隨意幫物件加屬 08/26 15:07 → lausai:性) 以及可用下標運算子存取物件屬性的寫法 會讓人誤會 08/26 15:07 JavaScript 是個很奇怪的語言 他的 Object 本身就是一個 Associative Array 也就是說以下的 Code 是對的: var doggy = new Object(); doggy.name = 'abc'; doggy['name'] = 'abc'; 而且最後兩行說的是同一件事情 所以,如果你想用類似 PHP 的 Associative Array 正確的作法是用 new Object(); 而更奇怪的是 JavaScript 對於每一種物件類別都可以這樣做 所以也就這樣很奇怪地,連 Array 類型也可以如上一般用 但為什麼不應該用這樣的作法? 首先這樣的用法會破壞 Array 本身的功能,舉例來講 var arr = new Array(); arr.push('doggy'); // 在 array 中放一個 'doggy' alert(arr.length); // 輸出 1 arr.cat = 2; // 這時你是把 arr 當一個 Object 再看! alert(arr.length); // 所以還是1! 更複雜的狀況會發生在你用 Array.prototype 替 Array 加上新功能時 (這種現象在某些 JS Framework 會遇到,如 prototype) 因為 Array 都不 Array 了,所以有些功能就會變得很奇怪 講再多還是推薦一篇好文章 JavaScript “Associative Arrays” Considered Harmful http://bit.ly/bJXeO 對了, for ... in 也不建議被用在純 Array 原因可以看 MDC http://bit.ly/gWkrV 中間偏尾巴的注意事項 總之跟這件事情也有異曲同工之妙(會讓奇怪的物件也一起跑入迴圈之中) : -- : ※ 發信站: 批踢踢實業坊(ptt.cc) : ◆ From: 61.218.220.74 : → fillano:js的陣列索引必須是數字喔,你用push或unshift好了。 08/26 14:01 : 推 PsMonkey:==" 我是看不懂原 po 的問題,可是我更看不懂樓上 08/26 14:20 : → PsMonkey:x=new Array(); x["S"]="Sun"; alert(x["S"]); //try it 08/26 14:20 這樣可以用但會有問題,請見上文 :) : ※ 編輯: JYHuang 來自: 59.125.221.11 (08/26 14:53) : 推 DrGod:js的array不能直接alert 08/26 16:35 其實我試過 Fx 和 IE 都可以 (茶 因為實際上 Array.prototype.toString() 的確會輸出 Array 轉為字串過後的結果 而之所以原 po 弄不出來是因為它讓 Array 變得都不 Array 了 XD -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 218.170.67.100

08/27 09:26, , 1F
推 ~ 原來是這樣子的呀!!
08/27 09:26, 1F

08/27 12:38, , 2F
key和value同值,是為了讓陣列不要有重複的key值
08/27 12:38, 2F

08/27 12:39, , 3F
不然以例子裡的話,會有兩個陣列有A這個值
08/27 12:39, 3F

08/27 23:09, , 4F
那你就var array={};後面用for(var i in array)來取。
08/27 23:09, 4F

08/28 00:04, , 5F
我個人是覺得 JavaScript 沒 Hash 有點腳殘...
08/28 00:04, 5F

08/28 00:04, , 6F
而且 PHP 的 Array 比較像 Hash XD
08/28 00:04, 6F
文章代碼(AID): #1AbQKnEK (Ajax)
文章代碼(AID): #1AbQKnEK (Ajax)