Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > JavaScript ใช้ตัวแปร เพื่อเข้าถึงข้อมูลในอาเรย์ไม่ได้ ต้องเขียนแบบใหนครับ

JavaScript ใช้ตัวแปร เพื่อเข้าถึงข้อมูลในอาเรย์ไม่ได้ ต้องเขียนแบบใหนครับ

เริ่มหัวข้อใหม่

chaloemphan

โพสกระทู้ ( 14 )
บทความ ( 0 )

สอบถามปัญหาคำสั่ง jquery เกี่ยวกับการใช้ $get() ตามโค๊ตด้านล่างผมเรียกข้อมูลจากเว็บ api ตอบกลับเป็น json แต่เวลาผมจะใช้ตัวแปร count เพื่อให้เข้าถึง index ของอาเรย์ แต่กลับขึ้น Cannot read property 'winner' of undefined แต่ถ้าใส่ ตัวเลขธรรมดาก็ทำงานได้ปรกติคับผมก็เลยงงผมเขียนผิดตรงใหน

Code (JavaScript)

$.get("https://Example.com/api/Example/24/stats" )
    .done(function(data) {
       let count = 0;
       for (var c in data.statistic){
       count = count + 1;
       }
       console.log(data.statistic[count]['winner']); //Cannot read property 'winner' of undefined
       //document.getElementById("show").innerHTML = count;
    });

โครงสร้างข้อมูล

Code

Object { statistic: Array(47) }
    statistic: Array(47)
    0: Object
    addition: Array(3)
    0: "BIG"
    1: "BPAIR"
    2: "EITHERPAIR"
    length: 3
    __proto__: Array(0)
    score: 4
    winner: "BANKER"

Tag : PHP, JavaScript

Date : 2020-06-12 17:52:47

By : 828899737459956

View : 1282

Reply : 6

No. 1

พระยาเทพ

โพสกระทู้ ( 1,458 )
บทความ ( 0 )

Quote:
แต่ถ้าใส่ ตัวเลขธรรมดาก็ทำงานได้

ขอดูตัวอย่างการใส่ตัวเลขที่ว่าได้ ใส่แบบไหน

ถ้าข้อมูลที่รับมา เป็น JSON ขอแบบสมประกอบ (ไม่ใช่ทั้งหมด) เพราะที่ยกมาไม่ใช่โครงสร้าง JSON
นี่คือตัวอย่าง JSON object

JSON Object

myObj =  {
  "name":"John",
  "age":30,
    "cars": {
    "car1":"Ford",
      "car2":"BMW",
    "car3":"Fiat"
   }
 }

Date : 2020-06-13 17:00:55

By : PhrayaDev

No. 2

chaloemphan

โพสกระทู้ ( 14 )
บทความ ( 0 )

Code

{"statistic":[{"winner":"PLAYER","score":6,"addition":["BIG"]},{"winner":"TIE","score":7,"addition":["BIG"]}]}

ประมาณนี้คับ

Date : 2020-06-20 14:43:53

By : 828899737459956

No. 3

พระยาเทพ

โพสกระทู้ ( 1,458 )
บทความ ( 0 )

ปัญหานี้ในภาษาการโปรแกรมอื่นๆ เรียกว่า index out of bounds
แต่เผอิญว่าใน JavaScript ไม่มีการสะกิดบอกหรือแจ้งเตือน error ใดๆ เกี่ยวกับ error ดังกล่าว ตอบกลับแค่ undefined
วิธีเข้าถึง JSON Array ใน JSON Object ก็เข้าแบบ JS Array ทั่วไป เข้าใจถูกแล้วครับ
เพียงแต่คุณอาจลืมไปว่า count สุดท้ายเท่ากับ Array.length
แต่การอ้างอิง Array ในหลายภาษารวม JS จะเริ่มต้นที่ index = 0 และสิ้นสุดที่ Array.length - 1 (ไม่ใช่ Array.length)

วิธีแก้ โดยคงรูปแบบการเขียนเหมือนเดิม
Code (JavaScript)

let count = -1; //แค่นี้ก็ไม่ undefined แล้ว

หรือ

Code (JavaScript)

console.log(data.statistic[count-1]['winner']);

ถ้าต้องการใช้ element สุดท้ายของ Array ไม่จำเป็นต้องลูป
Code (JavaScript)

$.get("https://Example.com/api/Example/24/stats" )
    .done(function(data) {
       //You can now read the defined property of 'winner' with no loop.
       console.log(data.statistic[data.statistic.length - 1]['winner']);
    });

หากต้องการเก็บทุก element ใช้ประโยชน์จาก for...in
Code (JavaScript)

$.get("https://Example.com/api/Example/24/stats" )
    .done(function(data) {
       for (var c in data.statistic){
         console.log(data.statistic[c]['winner']); 
       }
    });

ฯลฯ

นอกจากนี้ ปัญหานี้ยังสามารถแก้ได้อีกเกือบร้อยวิธี (ผมลองเล่นและทำถึงแค่วิธีที่ 67)

Date : 2020-06-21 16:04:44

By : PhrayaDev

No. 4

chaloemphan

โพสกระทู้ ( 14 )
บทความ ( 0 )

ขอบคุณมากครับ

Date : 2020-06-22 16:19:50

By : 828899737459956

No. 5

chaloemphan

โพสกระทู้ ( 14 )
บทความ ( 0 )

ขอถามต่ออีกนิดนึ่งนะครับหาตามกูเกิลก็ไม่ค่อยมีครับคือผมต้องการเข้าถึงตัวแปร items จากนอก scope ของ $getJSON() จะเรียกใช้แบบใหนครับ พอจะมีวิธีใหมครับ
Code (JavaScript)

$.getJSON("https://wwww.com/api/wwww/23/stats", function(data) {
  var items = [];
  $.each(data.statistic, function(key, val) {
    $.each(val, function(keys, vals){
    if(keys == "winner"){
    items.push(vals); //ต้องการใช้ตัวแปรตัวนี้
    }
    });
  });
});
console.log(items[0]); //items is not defined

ประวัติการแก้ไข
2020-06-25 17:14:05

Date : 2020-06-25 17:12:58

By : 828899737459956

No. 6

พระยาเทพ

โพสกระทู้ ( 1,458 )
บทความ ( 0 )

ประกาศ items ไว้นอก หรือ ใส่ callback function ครับ

Date : 2020-06-25 22:06:38

By : PhrayaDev

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : JavaScript ใช้ตัวแปร เพื่อเข้าถึงข้อมูลในอาเรย์ไม่ได้ ต้องเขียนแบบใหนครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก