1. 程式人生 > >js中遍歷資料的多種情況

js中遍歷資料的多種情況

在js檔案中經常會用到遍歷資料,有時候是直接遍歷從資料中查詢出來的資料,有時候是遍歷從後臺傳過來的資料,無論是哪一種,只要轉換為json的形式,那麼在js中就可以通過for in的形式將其遍歷出來,簡單案例如下:

一:遍歷多屬性、單值得情況如下

屬性1 屬性2 屬性3 屬性4
值1 值2 值3 值4
$.ajax({
    type:"post",
    async:true,
    url:"",
    dataType:"json",
    success: function (result) {
        var data=result.view.records[0];//定義一個變數容器用來盛放資料庫中查出的資料
var y=[]; var x=[];//定義兩個空陣列 for(var key in data){//for迴圈遍歷其中的內容 y.push(data[key];//遍歷data中的內容,並把遍歷出來的內容依次新增到y陣列中(這裡的陣列內容是[值1,值2,值3,值4]) x.push([key]);//遍歷data中的內容,並把遍歷出來的內容依次新增到x陣列中(這裡的陣列內容是[屬性1,屬性2,屬性3,屬性4]) } } })
二:遍歷多屬性、多值的情況
屬性1 屬性2 屬性3
值1.1 值2.1 值3.1
值1.2 值2.2 值3.2
值1.3 值2.3 值3.3
$.ajax({
    type
:"post", async:true, url:"", dataType:"json", success: function (result) { var data=result.view.records[0];//定義一個變數容器用來盛放資料庫中查出的資料 var y=[]; var x=[];//定義兩個空陣列 var z=[]; var a=[]; var 值1=''; var 值2=''; var 值3=''; for(var i=0;i<result.view
.records.length;i++){//for迴圈遍歷其中的內容 值1=result.view.records[i].值1; 值2=result.view.records[i].值2; 值2=result.view.records[i].值2; y.push(值1);//遍歷資料庫查詢出來的內容,然後把其值依次放進陣列中(這裡的陣列中的值是[值1.1,值1.2,值1.3]) x.push(值2);// z.push(值3); } for(var i in data){ a.push([key]);//遍歷資料庫查詢出來的內容,然後把其名字依次放進陣列中(這裡的陣列中的值是[屬性1,屬性2,屬性3]) } } })
如果有什麼疑問,歡迎評論,謝謝!

相關推薦

js資料多種情況

在js檔案中經常會用到遍歷資料,有時候是直接遍歷從資料中查詢出來的資料,有時候是遍歷從後臺傳過來的資料,無論是哪一種,只要轉換為json的形式,那麼在js中就可以通過for in的形式將其遍歷出來,簡單案例如下: 一:遍歷多屬性、單值得情況如下 屬性1 屬性2 屬性3 屬性

js註冊事件時索引怎麽獲取

遍歷註冊單擊事件 索引註意:這種寫法,是有問題的。註冊事件是在頁面加載完畢以後就完成了,但此時並沒有觸發事件。事件觸發是由用戶在頁面上點擊時才會觸發,所以說當用戶點擊時,才會執行事件處理函數,那麽此時的i已經變成了4,最後最終彈出來的結果是i+1,也就是5,而且每一個元素的彈出來的結果都是5。此時的做法應該是

js陣列、物件的方式

1、標準的for迴圈 var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } //foreach迴圈 for(v

JS普通陣列和字典陣列的區別

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

js陣列的幾種方法彙總

1、forEach  var arr= ['張三', '李四', '王五']; arr.forEach(function(v,k) { console.log(v); //這樣就會分別將name遍歷出來 }); //注意:jquery中each方法是反的,比如: $(arr

JSEL表示式的集合

前言:在我的專案裡有這麼一個情況,後臺直接session.setAttribute()儲存了一個物件,此物件內部有一個集合,前端JSP處理的方法正常情況下就是直接使用EL表示式即可。但是如果在JS中需要使用這個集合中的值,那應該怎麼處理呢? 需求:JS中遍歷“${role.modules}” 解決方案: ①正

js物件的屬性和值

function allPrpos ( obj ) {   // 用來儲存所有的屬性名稱和值   var props = "" ;   // 開始遍歷   for ( var p in obj ){ // 方法   if ( typeof ( obj [ p ]) == "

js後臺傳過來的list

從後臺獲取一個list,需要在js中進行遍歷取值,被這個問題困擾了好久。 這樣解決: <%     List list = (List)request.getAttribute("gj");           for (int i=0;i<list.size

js 獲取物件屬性 /迭代物件

js中遍歷獲取物件屬性和方法主要有Object.keys()、Object.getOwnPropertyNames()、for...in...三種方式 1、Object.keys()、1、1、Object.getOwnPropertyNames()、for...in...區

Android資料夾、比較檔案型別測試

package casper.test; import java.io.File; import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import and

JSObject(hash)的方法

JQuery中可以通過.each方法實現對陣列的遍歷,但是對Object物件無法使用,所以利用JS的for in迴圈進行遍歷,如下:for (key in hash) { if (hash.hasOwnProperty(key)) { dosometh

Node.js使用遞迴實現資料所有檔案

https://blog.csdn.net/younglao/article/details/77046830?locationNum=8&fps=1 版權宣告:本文為博主原創文章,未經博主允許不得轉載。    https://blog.csdn.net/y

Pythonpandas資料的幾種方法介紹和效率對比說明

前言 Pandas是python的一個數據分析包,提供了大量的快速便捷處理資料的函式和方法。其中Pandas定義了Series 和 DataFrame兩種資料型別,這使資料操作變得更簡單。Series 是一種一維的資料結構,類似於將列表資料值與索引值相結合。DataFrame 是一種二維

pb查詢資料庫資料問題(資料庫為 sql server)

指標可以實現但是不推薦 例如:(部分程式碼)  for ll_a = 1 to ll_count    ll_b = ll_i +  ll_a  //插入行行號先下移一位    dw_main.insertrow(l

[Xcode10 實際操作]七、檔案與資料-(4 )資料的檔案

本文將演示如何遍歷資料夾下的內容。 在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewController: UIViewController { 4 5 override f

C#指定資料夾下的檔案或子檔案

今天用到查詢給定路徑下的所有檔案,記錄一下: 1、引入IO名稱空間 using System.IO; 2、用到的主要方法: DirectoryInfo folder = new DirectoryInfo(filePath); DirectoryInfo.GetFiles():獲取目錄中所有

Js 資料

$.each(data.list, function (i) {                     xAxisData.push(data.list[i].ldmc);   &nb

python如何資料夾及其子資料的所有檔案(附實現程式碼)

【時間】2018.10.27 【題目】python中如何遍歷資料夾及其子資料夾中的所有檔案 目錄 概述 概述       本文提供了python中如何遍歷資料夾及其子資料夾中的所有檔案的兩種方法。兩者均返回檔名列表(可以選擇檔名列表或者是包含完整路徑的檔名列

nodejs資料夾下並操作HTML/CSS/JS/PNG/JPG

需求描述,由於工作的需要,需要將原本用於1280 720的網頁改為1920 1080的網頁(電視端頁面)。需求可以拆分為兩部分,程式碼部分的修改以及圖片的修改。在程式碼部分,需要將所有位置以及大小相關的值乘以1.5,圖片的尺寸也要放大1.5倍。首先使用nodejs遍歷當前的資料夾: // 遍歷所有的檔

資料的檔案(以圖片為例)

需求:前臺頁面的圖片從伺服器中動態提取 思路:1.遍歷該圖片資料夾      2.將所有圖片名稱以List集合傳入前端頁面      3.前端遍歷,根據名稱讀取圖片 工具:ajax 方法:$.each(json,fu