⑴ 如何在js中遍歷list集合後存入二維數組
list集合中如果封裝的是如字元串或者基本數據類型的數據，則可以通過list.toArray()轉換成數組傳到JS中讀取，如果list集合中保存的是對象，則將對象轉換成JSON類型的字元串保存在list集合中，在JS中讀取時，先讀取到字元串，再將字元串轉換為JSON對象處理就行了。
⑵ js閬嶅巻鏁扮粍鍜岄亶鍘嗗硅薄鐨勫尯鍒
<script>
//----------------for鐢ㄦ潵閬嶅巻鏁扮粍瀵硅薄--
var i,myArr = [1,2,3];
for (var i = 0; i < myArr.length; i++) {
console.log(i+":"+myArr[i]);
};
//---------for-in 鐢ㄦ潵閬嶅巻闈炴暟緇勫硅薄
var man ={hands:2,legs:2,heads:1};
//涓烘墍鏈夌殑瀵硅薄娣誨姞clone鏂規硶錛屽嵆緇欏唴緗鍘熷瀷(object,Array,function)澧炲姞鍘熷瀷灞炴,璇ユ柟娉曞緢寮哄ぇ錛屼篃寰堝嵄闄
if(typeof Object.prototype.clone ==="undefined"){
Object.prototype.clone = function(){};
}
//
for(var i in man){
if (man.hasOwnProperty(i)) { //filter,鍙杈撳嚭man鐨勭佹湁灞炴
console.log(i,":",man[i]);
};
}
//杈撳嚭緇撴灉涓簆rint hands:2,legs:2,heads:1
for(var i in man) {//涓嶄嬌鐢ㄨ繃婊
console.log(i,":",man[i]);
}
//杈撳嚭緇撴灉涓
//hands : 2 index.html:20
//legs : 2 index.html:20
//heads : 1 index.html:20
//clone : function (){}
for(var i in man) {
if(Object.prototype.hasOwnProperty.call(man,i)) { //榪囨護
console.log(i,":",man[i]);
}
}
//杈撳嚭緇撴灉涓簆rint hands:2,legs:2,heads:1
</script>
⑶ 詳解JS中常見的5 種 for 循環
for 循環在平時開發中使用頻率最高的，前後端數據交互時，常見的數據類型就是數組和對象，處理對象和數組時經常使用到 for 遍歷，因此需要徹底搞懂這 5 種 for 循環。它們分別為：
1、for
for 循環是出現最早，也是應用最普遍的一個遍歷，能夠滿足絕大多數的遍歷。可以遍歷 數組、對象、字元串，示例：
2、for ... in
for ... in 是在 ES5 中新增的，以任意順序迭代一個對象的除Symbol以外的可枚舉屬性，包括繼承的可枚舉屬性。
3、for ... of
for ... of 語句在可迭代對象(包括 Array、Map、Set、String、TypedArray、arguments 對象等等)上創建一個迭代循環，調用自定義迭代鉤子，並為每個不同屬性的值執行語句。
4、for await...of
創建一個循環，該循環遍歷非同步可迭代對象以及同步可迭代對象，包括內置的 String、Array，類數組對象(arguments 或 nodeList)，TypedArray, Map, Set 和用戶定義的非同步/同步迭代器。
它使用對象的每個不同屬性的值調用要執行的語句來調用自定義迭代鉤子。
類似於 await 運算符一樣，該語句只能在一個async function 內部使用
5、forEach
forEach 是ES5版本發布的，按升序為數組中含有效值的每一項執行一次回調函數，那些已刪除或者未初始化的項將被跳過(例如在稀疏數組上)，一般認為是 普通for循環 的加強版。
6、map
遍歷時可以返回一個新數組，新數組的結果是原數組中每個元素都調用一次提供的函數後返回的值。
1、使用場景差異
for循環是最早最原始的循環遍歷語句，for 內部定義一個變數，按照條件進行循環遍歷，通常是數組的長度，當超過長度時就停止循環，一般遍歷的都是數組或類數組。
遍歷對象時，由於對象沒有長度，所以使用 Object.keys() 獲取對象的所有屬性，以數組形式返回。
for / in主要是用來遍歷對象上的可枚舉屬性，包括原型對象上的屬性，按任意順序進行遍歷，遍歷對象時獲取到的是屬性的鍵值，遍歷的是數組，數組的下標當做鍵值。
for / of用於遍歷可迭代對象的數據，包括 Array、Map、Set、String、TypedArray、arguments 對象等等。
for await...of用於遍歷非同步可迭代對象，該語句只能在一個async function 內部使用。
forEach 是 for 的加升級版，使用更簡單，攜帶參數更多，但本質還是數組的循環，每個元素都執行一次回調，不會改變原數組。
map是給原數組每個元素都執行一次回調，返回一個新數組，不會改變原數組。
2、功能差異
forEach、map 不支持跳出循環，其他不支持。
for await ... of 能夠支持非同步操作，其他的不支持。
對於純對象的遍歷， for ... in 枚舉更方便。
對於數組遍歷，如果不需要索引，可以直接使用 for...of 獲取值，還可支持 break 或 return ;如果還需要索引，使用 forEach 更適合，但不支持 return。
如果是一個數組映射成另一個數組，使用 map 最合適。
3、性能差異
在測試環境、測試數據條件一致的情況下，性能排序為：
for > for of > forEach > map > for in。
for 因為沒有額外的函數調用和上下文，所以性能是最快的。
for ... of 具有 iterator 介面的數據結構，可以使用它來迭代成員，直接讀取鍵值。
forEach 是 for 的語法糖，還有許多的參數和上下文，因此會慢一些。
map 因為它返回的是一個等長的全新數組，數組創建和賦值產生的性能開銷較大。
for...in 性能最差，因為需要列舉對象的所有屬性，有轉化過程，開銷比較大。
在項目開發中，我們應該根據實際需求，去選擇一個合適的 for 遍歷。以下是一些使用建議：
如果需要把數據映射成另外一個數組，如變成對應布爾值，推薦使用 map ，不會修改原數組，使用語法簡單。
數組遍歷時，可以使用 for 、forEach 或 for...of。
遍歷的是純對象時，推薦使用 for ... in 。
如果是需要對迭代器遍歷，推薦使用 for ... of。
如果是在數組中篩選符合條件的數組，使用 fillter 。
⑷ JS遍歷一個數組里包含數組對象然後組成三個新的數組，怎麼遍歷
const [A,B,C] = [
[{A:'a',B:'b',C:'c'},{D:'d',E:'e',F:'f'},{H:'h',I:'i',J:'j'}],
[{1:1,2:2,3:3},{4:4,5:5,6:6}],
[{A:1,B:2,C:3},{D:4,E:5,F:6},{H:7,I:8,J:9}]
];
console.log(A,B,C)
⑸ 如何遍歷一個JS對象中的所有屬性
直接用js裡面自帶的for..in就可以實現了。
varo={a:1,b:2,c:3,d:4};
for(varnameino){
console.log(name+':'+o[name]);
}
這樣就可以把o對象裡面的所以屬性專都遍屬歷一遍了。
⑹ js 對象for循環 遍歷取值
varorglist={?$orglist?};
vararr=[];
for(vari=orglist.length-1;i>=0;i--){
arr.push(orglist[i].trader);
//orglist[i].id就是對應的專id值屬
};
varjsAutoInstance=newjsAuto("jsAutoInstance","divc");
jsAutoInstance.item(arr.join(","));
⑺ Js 怎麼遍歷json對象所有key及根據動態key獲取值
json是種常用數據傳輸格式，js怎麼解析json格式的數據呢，請參閱下面的代碼：
[html] view plain print?
<html>
<head>
<scripttype="text/javascript">
vardata='{"return_code":0,"return_message":"success","data":{"data":[{"id":"1","question":"公主令牌在哪交？"},{"id":"2","question":"公主護使有什麼用？"},{"id":"3","question":"角斗場在哪？"},{"id":"4","question":"北部斷層在哪？"},{"id":"5","question":"歡樂令有什麼用？"},{"id":"6","question":"令牌積分有什麼用？"},{"id":"7","question":"南部斷層在哪？"},{"id":"8","question":"大妖魔令牌交給誰？"},{"id":"9","question":"神工坊在哪？"},{"id":"10","question":"警戒妖珠有什麼用？"}]}}';
functionShowData(){
varobj=eval("("+data+")");
alert("return_code:"+obj["return_code"]);
alert("return_message:"+obj["return_message"]);
alert("第一個問題id："+obj["data"]["data"][0]["id"]);
alert("第一個內容id："+obj["data"]["data"][0]["question"]);
}
</script>
</head>
<bodyonload="ShowData();">
{"return_code":0,"return_message":"success","data":{"data":[{"id":"1","question":"公主令牌在哪交？"},{"id":"2","question":"公主護使有什麼用？"},{"id":"3","question":"角斗場在哪？"},{"id":"4","question":"北部斷層在哪？"},{"id":"5","question":"歡樂令有什麼用？"},{"id":"6","question":"令牌積分有什麼用？"},{"id":"7","question":"南部斷層在哪？"},{"id":"8","question":"大妖魔令牌交給誰？"},{"id":"9","question":"神工坊在哪？"},{"id":"10","question":"警戒妖珠有什麼用？"}]}}
</body>
</html>
⑻ Map,List如何在jsp里遍歷。js如何遍歷這兩種集合。foreach .each
<script>
var d = new dtree('d');
<%
int size = list2.size();
for(int i=0;i<size;i++){%>
d.add(<%=list2.get(i).getId()%>,<%=list2.get(i).getparentId()%>,'<%=list2.get(i).getUrl()%>');
<% }%>
</script>