งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

การแปลงชนิด ข้อมูลของตัวแปร ง 40208 การเขียนไดนามิกเว็บ เพจ ศูนย์คอมพิวเตอร์โรงเรียนปลวกแดงพิทยาคม.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "การแปลงชนิด ข้อมูลของตัวแปร ง 40208 การเขียนไดนามิกเว็บ เพจ ศูนย์คอมพิวเตอร์โรงเรียนปลวกแดงพิทยาคม."— ใบสำเนางานนำเสนอ:

1 การแปลงชนิด ข้อมูลของตัวแปร ง การเขียนไดนามิกเว็บ เพจ ศูนย์คอมพิวเตอร์โรงเรียนปลวกแดงพิทยาคม

2 ทำไมต้องแปลงชนิด ของข้อมูล เพราะข้อมูลที่รับจากผู้ใช้จะเป็น ข้อมูล String สามารถนำไปใช้ในการ ประมวลผลข้อมูลได้

3 การแปลงเป็น String เป็นการแปลงข้อมูลชนิดอื่นๆให้เป็น ข้อมูลแบบข้อความ (String) โดยใช้คำสั่ง method toString() โดยผลของการแปลงตัวแปรแบบ Boolean เป็น String จะได้ค่าเป็น “True” หรือ “False” แต่การแปลงตัวแปร Number เป็น String จะได้ค่าตัวเลขที่ไม่สามารถ คำนวณได้

4 การใช้ method toString() มีรูปแบบการใช้ดังนี้ มีรูปแบบการใช้ดังนี้ variable.toString( base ); variable.toString( base ); โดยที่ variable คือ ชื่อ ของตัวแปร โดยที่ variable คือ ชื่อ ของตัวแปร base คือ ฐานที่ ต้องการเปลี่ยน ถ้าไม่ระบุ ฐานก็ไม่ต้องใส่ base คือ ฐานที่ ต้องการเปลี่ยน ถ้าไม่ระบุ ฐานก็ไม่ต้องใส่

5 ตัวอย่างการใช้ toString() varstart = true; varstart = true; varnum = 25; varnum = 25; document.write( start.toString() ); // ได้ผลลัพธ์เป็น “true” ซึ่งเป็น String document.write( start.toString() ); // ได้ผลลัพธ์เป็น “true” ซึ่งเป็น String document.write( num.toString() ); // ได้ผลลัพธ์เป็น “25” ซึ่งเป็น String document.write( num.toString() ); // ได้ผลลัพธ์เป็น “25” ซึ่งเป็น String

6 ตัวอย่างการใช้ toString() แปลงเป็น ฐานอื่น varnum = 12;// ตัวแปร num เป็นเลข ฐาน 10 varnum = 12;// ตัวแปร num เป็นเลข ฐาน 10 document.write ( toString(2) ); // แปลงเป็นเลขฐาน 2 ได้ค่าเป็น 1100 document.write ( toString(2) ); // แปลงเป็นเลขฐาน 2 ได้ค่าเป็น 1100 document.write ( toString(8) ); // แปลงเป็นเลขฐาน 8 ได้ค่าเป็น 14 document.write ( toString(8) ); // แปลงเป็นเลขฐาน 8 ได้ค่าเป็น 14 document.write ( toString(12) ); // แปลงเป็นเลขฐาน 16 ได้ค่าเป็น c document.write ( toString(12) ); // แปลงเป็นเลขฐาน 16 ได้ค่าเป็น c

7 ตัวอย่างการใช้ toString() แปลงเป็น ฐานสิบ var hexNum = 0xAF;// ฐานสิบหกนำหน้า ด้วย 0x var hexNum = 0xAF;// ฐานสิบหกนำหน้า ด้วย 0x var octNum = 0702;// ฐานแปดนำหน้า ด้วย 0 var octNum = 0702;// ฐานแปดนำหน้า ด้วย 0 document.write( hexNum.toString(10) ); // แปลงเป็นเลขฐาน 10 ได้ค่าเป็น 175 document.write( hexNum.toString(10) ); // แปลงเป็นเลขฐาน 10 ได้ค่าเป็น 175 document.write( octNum.toString(10) ); // แปลงเป็นเลขฐาน 10 ได้ค่าเป็น 450 document.write( octNum.toString(10) ); // แปลงเป็นเลขฐาน 10 ได้ค่าเป็น 450

8 การแปลงเป็น Number method parseInt() ในกรณีที่ ต้องการให้เป็นจำนวนเต็ม parseFloat() เมื่อต้องการให้เป็น ตัวเลขทศนิยม ค่าของตัวแปรที่ต้องการนำมา แปลงจะต้องเป็นตัวแปรแบบ String ซึ่งอยู่ในเครื่องหมาย “…”

9 การแปลงข้อมูลโดยใช้ parseInt() จะได้ผลลัพธ์เป็นข้อมูลชนิด number แบบจำนวนเต็ม การทำงานของ parseInt() จะเริ่ม ตรวจสอบข้อมูลตั้งแต่ตัวแรกว่าเป็นตัวเลข หรือเปล่าถ้าไม่ใช่จะคืนค่าเป็น NaN (Not A Number) แต่ถ้าใช่จะตรวจสอบต่อไป เรื่อยๆจนกระทั่งมีค่าตัวแปรใดไม่ใช่ตัวเลข หรือหมดข้อมูล จากนั้นจะคืนค่าเฉพาะที่ เป็นตัวเลขกลับมา

10 ตัวอย่างการใช้ parseInt() varnum1 = parseInt(“108”);// ได้ผลลัพธ์เป็น 108 varnum1 = parseInt(“108.99”);// ได้ผลลัพธ์เป็น 108 varnum1 = parseInt(“108, 109”);// ได้ผลลัพธ์ เป็น 108 varnum1 = parseInt(“0xB”);// ได้ผลลัพธ์เป็น 11 varnum1 = parseInt(“ok”);// ได้ผลลัพธ์เป็น NaN

11 การใช้ parseInt() แปลง เป็นฐานสิบ varnum1 = parseInt(“111”,2);// ได้ผลลัพธ์เป็น 7 varnum1 = parseInt(“111”,8);// ได้ผลลัพธ์เป็น 73 varnum1 = parseInt(“111”,10);// ได้ผลลัพธ์เป็น 111 varnum1 = parseInt(“AF”,16);// ได้ผลลัพธ์เป็น 175

12 การแปลงชนิดข้อมูลโดยใช้ parseFloat() จะได้ผลลัพธ์เป็นข้อมูลเป็นชนิด Number ที่มีข้อมูลเป็นเลขจำนวน จริง (Floating) จะได้ผลลัพธ์เป็นข้อมูลเป็นชนิด Number ที่มีข้อมูลเป็นเลขจำนวน จริง (Floating) โดยมีการทำงานเหมือนกับ parseInt() แต่จะคืนค่าเป็นทศนิยม โดยมีการทำงานเหมือนกับ parseInt() แต่จะคืนค่าเป็นทศนิยม

13 ตัวอย่างการใช้ parseFloat() varnum1 = parseFloat(“010”);// ได้ผลลัพธ์เป็น 10 varnum1 = parseFloat(“10.99”);// ได้ผลลัพธ์เป็น varnum1 = parseFloat(“10.9.5”);// ได้ผลลัพธ์ เป็น 10.9 varnum1 = parseFloat(“10AM”);// ได้ผลลัพธ์เป็น 10 varnum1 = parseFloat(“0xB”);// ได้ผลลัพธ์เป็น NaN varnum1 = parseFloat(“ok”);// ได้ผลลัพธ์เป็น NaN

14 การแปลงแบบ Casting เป็นการแปลงแบบบังคับ สามารถแปลงได้ 3 ชนิดคือ Boolean, String และ Number มีรูปแบบดังนี้ Type(value) โดย Type หมายถึงชนิดของตัว แปรที่ต้องการ value หมายถึงค่าที่ ต้องการแปลง

15 ตัวอย่างการแปลงแบบ boolean varb1 = Boolean (“”); // ได้ผลลัพธ์เป็นค่า false เนื่องจาก String เป็นค่า ว่าง varb1 = Boolean (“Hello”); // ได้ผลลัพธ์เป็นค่า true เนื่องจาก String เป็นค่า ว่าง varb1 = Boolean (10); // ได้ผลลัพธ์เป็นค่า true เนื่องจาก Number ไม่เป็น 0 varb1 = Boolean (null); // ได้ผลลัพธ์เป็นค่า false เนื่องจาก null เป็นค่าว่าง varb1 = Boolean (0); // ได้ผลลัพธ์เป็นค่า false เนื่องจาก Number เป็น 0

16 ตัวอย่างการแปลงแบบ Number varN1 = Number(false);// ได้ผลลัพธ์เป็น 0 varN1 = Number(true);// ได้ผลลัพธ์เป็น 1 varN1 = Number(undefined);// ได้ผลลัพธ์เป็น NaN varN1 = Number(null);// ได้ผลลัพธ์เป็น 0 varN1 = Number(“1.2.3”);// ได้ผลลัพธ์เป็น NaN varN1 = Number(“1.2”);// ได้ผลลัพธ์เป็น 1.2 varN1 = Number(“13”);// ได้ผลลัพธ์เป็น 13

17 ตัวอย่างการเขียน โปรแกรมแปลงชนิดข้อมูล การแปลงชนิดข้อมูล > // รับข้อมูลากผู้ใช้ในรูปแบบของ String var string1 = prompt(“ กรุณาป้อนตัวเลขตัวที่ 1”, “0”); var string2 = prompt(“ กรุณาป้อนตัวเลขตัวที่ 2”, “0”); // แปลงตัวเลขจาก String เป็น Integer var num1 = parseInt( string1 ); var num2 = parseInt( string2 ); result = num1 * num2; document.write(num1 + “*” + num2 + “=” + result);


ดาวน์โหลด ppt การแปลงชนิด ข้อมูลของตัวแปร ง 40208 การเขียนไดนามิกเว็บ เพจ ศูนย์คอมพิวเตอร์โรงเรียนปลวกแดงพิทยาคม.

งานนำเสนอที่คล้ายกัน


Ads by Google