: หน้าหลัก : เกมส์ : HOT Free : มุขตลก : บทกลอน : ดูดวง : บริการออกแบบเว็บครบวงจร : การสร้างเว็บ : เกร็ดความรู้ : เว็บบอร์ด : เกี่ยวกับเว็บ :
หน้าแรก JAVA
หน้าแรกของ Pyayam.com
เว็บบอร์ดของ JavaScripts : Dreamweaver :: HTML :: CSS :: Upload :: Free SCRIPT :: Free HOSTING :: อื่น ๆ :    
เรื่องของตัวแปร 3 = บทเรียน Java Script โดย พ ย า ย า ม ดอทคอม
BASIC

+ แนะนำ
 + เรื่องของตัวแปร
 + Operator
 + Statement
 + Function
 + Event
 + OOP
ADVANCE

+ Windows
 + Document Object
 + Form
 + Link
 + Image
 + Math Function
 + String
เขียนสมุดเยี่ยม
webboard
<< Back
-> Refresh
-> แจ้ง link เสีย

 


เรื่องของตัวแปร 3

ตารางผสมตัวแปรต่างชนิด

<< Back :: ^ top ^

 

 

Function เปลี่ยนชนิดตัวแปร
 JavaScript สามารถแปรงร่างให้ตัวแปรได้จริงไหมครับ ถ้าผมมีเลขสักตัว มันก็จะแปลี่ยนเป็น String ได้ ถ้าผมเอาไป + กับข้อความ แต่จากตารางที่แล้ว จะเห็นได้ว่า string "12.34" ซึ่งเป็นข้อความที่เป็นตัวเลข ไม่สามารถแปลงร่าง เป็นตัวเลขได้เลย เพราะ JavaScript เดาใจเราไม่ถูกว่าเมื่อไรที่จะให้มัน เป็น Float หรือ String ดังนั้นเราจึงต้องมี Function ในการแปลงครับ
JavaScript กำหนด Function มาให้ 3 ตัวครับคือ eval(),parseInt(), และ parseFloat()

eval() จะใช้ในการเปลี่ยน String ที่อยู่ในรูปสมการให้เป็นค่าของผลลัพธ์เช่น total=eval("432.1*10") Total ก็จะมีค่าเป็น 4321 และถ้าค่าของข้อความ เป็นค่าที่ไม่สามารถแปลงได้ เช่น testxyz eval() จะไม่ส่งใดใดค่ากลับมา ดังนั้น เราจะใช้ eval() ได้ก็ต้องแน่ใจว่าข้อมูลที่จะป้อนเข้า eval() จะไม่มีข้อมูลที่ทำให้เกิด error อยู่

parseInt() จะใช้เปลี่ยนข้อความเป็นเลขจำนวนเต็มแต่ไม่เหมือนกับ eval() ตรงที่ มันจะแปลงให้เฉพาะตัวเลขที่อยู่หน้าสุดของข้อมูลและไม่สนใจข้อมูลแปลกปลอมเลย เช่น parseInt("123xyz") ก็จะให้ค่าเป็น 123 และ parseInt("xyz") ก็จะให้ค่าเป็น 0

parseFloat() คล้ายๆ parseInt() ครับ แต่จะใช้กีบเลขที่เป็น Float

เหมือนเดิมครับ ดูจากตัวอย่างเพื่อง่ายต่อการเข้าใจครับ

พยายาม Pyayam.com :: พ ย า ย า ม ดอทคอม ::
พยายาม
FileEditFormatViewHelp

<HTML>
<HEAD>
<TITLE>Using Explicit Conversion Functions</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Conversion Functions</H1>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write('eval("12.34x10") = ');
document.write(eval("12.34x10"););
document.write("<BR>");
document.write('parseInt("0x10") = ');
document.write(parseInt("0x10"));
document.write("<BR>");
document.write('parseFloat("5.4321e6") = ');
document.write(parseFloat("5.4321e6"));
// -->
</SCRIPT>
</BODY>
</HTML>

ดูตัวอย่าง

 

<< Back :: ^ top ^

 

 

การใช้ Array
 Array ก็คือข้อมูลหลายๆตัวมาเรียงกันเป็นลำดับ ตัวอย่างเช่น ถ้าคุณต้องการแสดงชื่อของลูกค้า 5 คน บน WebPage ของคุณคุณก็ประกาศ Array ชื่อ employee ที่มีข้อมูล 5 ตัว ดังนี้

พยายาม Pyayam.com :: พ ย า ย า ม ดอทคอม ::
พยายาม
FileEditFormatViewHelp

employee = new Array(5);

จากนั้นก็เอาชื่อลูกค้าไปเก็บไว้ใน Array

พยายาม Pyayam.com :: พ ย า ย า ม ดอทคอม ::
พยายาม
FileEditFormatViewHelp

employee[0] = "Squall";
employee[1] = "Rinoa";
employee[2] = "Zell";
employee[3] = "Seifer";
employee[4] = "Irvine";

แล้วเวลาแสดงผลก็ใช้ document.write()

พยายาม Pyayam.com :: พ ย า ย า ม ดอทคอม ::
พยายาม
FileEditFormatViewHelp

document.write(employee[0]+"<BR>");
document.write(employee[1]+"<BR>");
document.write(employee[2]+"<BR>");
document.write(employee[3]+"<BR>");
document.write(employee[4]);

เมื่อนำมาเขียนจะได้ตัวอย่างการใช้ Array ครับ

พยายาม Pyayam.com :: พ ย า ย า ม ดอทคอม ::
พยายาม
FileEditFormatViewHelp

<HTML>
<HEAD>
<TITLE>Using Arrays</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">Using Arrays</H1>
<SCRIPT LANGUAGE="JavaScript"><!--
employee = new Array(5)
employee[0] = "Squall";
employee[1] = "Rinoa";
employee[2] = "Zell";
employee[3] = "Seifer";
employee[4] = "Irvine";
document.write(employee[0]+"<BR>");
document.write(employee[1]+"<BR>");
document.write(employee[2]+"<BR>");
document.write(employee[3]+"<BR>");
document.write(employee[4]);
// -->
</SCRIPT>
</BODY>
</HTML>

ดูตัวอย่าง

จากตัวอย่างข้างต้น Array ถูกกำหนด length ให้เป็น 5 แต่ ในการใช้จริงแล้ว เราไม่จำเป็นต้องกำหนด length ก็ได้โดย length จะยืดหยุนได้ตามตัวแปรลำดับสุดท้าย เช่น ถ้าผมกำหนด

employee = new array();

แล้วก็ใส่ค่า employee[10] = "Sowrawoot"; employee.length ก็จะมีค่า 11 (นับ employee[0] เป็นตัวที่ 1) และจะเปลี่ยนค่าไปได้เรื่อยๆ ตามลำดับของข้อมูลตัวสุดท้ายครับ

<< Back :: ^ top ^

 

<< กลับไปเรื่องก่อนหน้านี้ :: เรื่องนี้ยังมีต่ออีก >>

Hosting
โปรโมทเว็บไซต์ ด้วย adwords

Google Talk , MSN & E-mail : mr.pyayam [ at ] gmail.com
หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321 คำขอที่ 32 / 2548
Copyright © 2004 - 2008 PYAYAM.com. All rights reserved ®. Hosting by Baansiripatt.com