ตัวแปรใน JS


           ตัวแปรเป็นสัญลักษณ์แทนสิ่งใดสิ่งหนึ่งที่เราต้องการ เพื่อนำไปใช้ประมวลผล เช่น var a=1; โดยเราสามารถกำหนดตัวแปรไว้ล่วงหน้าแล้วเรียกใช้งานได้ตลอดหน้า JS นั้น

- กฎการตั้งชื่อตัวแปร
- ชนิดของตัวแปร
- การกำหนดค่าให้ตัวแปร
- ตัวแปร Array
- แบบทดสอบ

กฎการตั้งชื่อตัวแปร

ตัวแปร

  • ขึ้นต้นด้วย var
  • ตามด้วย A-Z หรือ a-z หรือ _
  • ตามด้วย A-Z หรือ a-z หรือ 0-9 หรือ _ เช่น var myvar; var my_var; var myVar;
  • Case Sensitive ตัวพิมพ์ใหญ่/เล็กถือเป็นคนละตัว เช่น var myvar; var Myvar; var MyVar; var myVar;

ชนิดของตัวแปร
Javascript นั้นกำหนดชนิดของข้อมูลพื้นฐาน (primitive data types) ให้ใช้กัน 3 ชนิดด้วยกัน นั่นก็คือ

  • แบบตัวเลข เช่น 3, 5, 7, 9
  • แบบตัวอักษร เช่น "เว็บไซต์", "Dex Wat"
  • แบบboolean (ค่าความ จริง หรือ ไม่จริง ) เช่น "true" (จริง), "false" (ไม่จริง)

การกำหนดค่าให้ตัวแปร

การกำหนดค่าให้ตัวแปร

var n = 1;
var n = 3.25;
var n = "JS";
                      ในการประกาศตัวแปรในภาษา JS คุณไม่จำเป็นต้องกำหนดประเภทให้กับตัวแปร ซึ่ง JS จะจัดการเรื่องนี้ให้โดยอัตโนมัติ ในตัวอย่างเราประกาศตัวแปร var n และกำหนดค่า 1 ทำให้ตัวแปรนี้เป็นประเภทจำนวนเต็ม ต่อมาเรากำหนดค่า 3.25 ให้กับตัวแปร ประเภทของตัวแปรจะเปลี่ยนเป็นจำนวนจริง และเปลี่ยนเป็น String ตามลำดับ

ตัวอย่าง การกำหนดค่าให้ตัวแปร


<script type="text/javascript">
    var name = "Dex Wat Dev";
    document.getElementById("test_get_js").innerHTML = name;
</script>
                                
Array

ตัวแปร Array

ตัวอย่าง Array


<script type="text/javascript">
    let fruits = ['apple', 'banana', 'cherry'];
        fruits.forEach(function(fruit) {
        console.log(fruit);
    });
</script>
                                
<script type="text/javascript">
           var num = ['1','2']
</script>

           Array คือ ตัวแปรชุด เช่น ตัวแปรตัวเดียวแต่เก็บชื่อค่าหลายชื่อ วิธีการคือใช้วงเล็บก้ามปู [ ] ครอบ และข้างในก็เป็นชื่อ คั้นด้วย ,และวิธีการเข้าถึงจะใช้ตัวเลข เรียกว่า index โดย index จะเริ่มที่ 0 ไล่ไป 1 2 3 4
           function การในการนับจำนวน Array คือ count()

Video

เนื้อหาการสอน


แบบทดสอบ

TestL


1
- แสดงชื่อจังหวัด 10 จังหวัด โดยเก็บไว้ในตัวแปร Array

2
- แสดงข้อมูลส่วนตัว โดยเก็บคำตอบไว้ในตัวแปร Array พร้อม comment อธิบาย code แต่ละบรรทัด และขีดเส้นใต้ บรรทัดสุดท้าย

ตัวอย่าง
Name :
Age :
Class :
Department :
school :
hobby :

3
- แสดงสูตรคูณแม่ 3 โดยเก็บตัวเลขไว้ในตัวแปร