วิธีการอาร์เรย์ JavaScript

สารบัญ

    แสดงสารบัญ

วิธีการต่างๆ จะแสดงตามลำดับที่ปรากฏในหน้าบทช่วยสอนนี้

Array length
Array toString()
Array pop()
Array push()
Array shift()
Array unshift()
Array join()
Array delete()
Array concat()
Array flat()
Array splice()
Array slice()

ความยาวอาร์เรย์ JavaScript

length คุณสมบัติส่งกลับความยาว (ขนาด) ของอาร์เรย์:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let size = fruits.length;

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The length Property</h2>

<p>The length property returns the length of an array:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let size = fruits.length;
document.getElementById("demo").innerHTML = size;
</script>

</body>
</html>

อาร์เรย์ JavaScript toString()

วิธีการ JavaScript toString() แปลงอาร์เรย์เป็น สตริงของค่าอาร์เรย์ (คั่นด้วยเครื่องหมายจุลภาค)

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

ผลลัพธ์ :

Banana,Orange,Apple,Mango

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The toString() Method</h2>

<p>The toString() method returns an array as a comma separated string:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
</script>

</body>
</html>

join() วิธีการยังรวมองค์ประกอบอาร์เรย์ทั้งหมดลงในสตริง

มันทำงานเหมือนกับ toString() แต่นอกจากนี้ คุณยังสามารถระบุตัวคั่นได้:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

ผลลัพธ์ :

Banana * Orange * Apple * Mango

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The join() Method</h2>

<p>The join() method joins array elements into a string.</p>
<p>It this example we have used " * " as a separator between the elements:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
</script>

</body>
</html>

โผล่และผลักดัน

เมื่อคุณทำงานกับอาร์เรย์ เป็นเรื่องง่ายที่จะลบองค์ประกอบและเพิ่ม องค์ประกอบใหม่

นี่คือสิ่งที่ปรากฏและผลักดัน:

กำลังป๊อปรายการ ออก ของอาร์เรย์ หรือการพุช รายการ ลงใน อาร์เรย์

อาร์เรย์ JavaScript pop()

pop() วิธีการลบองค์ประกอบสุดท้ายออกจากอาร์เรย์:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The pop() Method</h2>

<p>The pop() method removes the last element from an array.</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.pop();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

pop() วิธีการส่งกลับค่าที่ถูก "โผล่ออกมา":

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The pop() Method</h2>

<p>The pop() method returns the value that was "popped out":</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits.pop();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

อาร์เรย์ JavaScript push()

push() วิธีการเพิ่มองค์ประกอบใหม่ให้กับอาร์เรย์ (ในตอนท้าย):

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The push() Method</h2>

<p>The push() method appends a new element to an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.push("Kiwi");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

push() วิธีการส่งกลับความยาวอาร์เรย์ใหม่:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The push() Method</h2>

<p>The push() method returns the new array length:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML = fruits.push("Kiwi");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

องค์ประกอบการเลื่อน

การเลื่อนจะเทียบเท่ากับการแตก แต่การทำงานกับองค์ประกอบแรกแทน สุดท้าย.

อาร์เรย์ JavaScript shift()

shift() วิธีการลบองค์ประกอบอาร์เรย์แรกและ "กะ" ทั้งหมด องค์ประกอบอื่นๆ ให้เป็นดัชนีที่ต่ำกว่า

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The shift() Method</h2>

<p>The shift() method removes the first element of an array (and "shifts" the other elements to the left):</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.shift();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

shift() วิธีการส่งกลับค่าที่ถูก "กะออก":

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The shift() Method</h2>
<p>The shift() method returns the element that was shifted out.</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits.shift();
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

อาร์เรย์ JavaScript unshift()

unshift() วิธีการเพิ่มองค์ประกอบใหม่ให้กับอาร์เรย์ (ที่จุดเริ่มต้น) และ "unshifts" องค์ประกอบที่เก่ากว่า:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The unshift() Method</h2>

<p>The unshift() method adds new elements to the beginning of an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.unshift("Lemon");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

unshift() วิธีการส่งกลับความยาวอาร์เรย์ใหม่:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The unshift() Method</h2>

<p>The unshift() method returns the length of the new array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits.unshift("Lemon");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

การเปลี่ยนแปลงองค์ประกอบ

เข้าถึงองค์ประกอบอาร์เรย์ได้โดยใช้หมายเลขดัชนี:

อาร์เรย์ ดัชนี เริ่มต้นด้วย 0:

[0] เป็นองค์ประกอบอาร์เรย์แรก
[1] คือองค์ประกอบที่สอง
[2] คือองค์ประกอบที่สาม ...

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>Bracket Indexing</h2>

<p>Array elements are accessed using their index number:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits[0] = "Kiwi";
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

ความยาวอาร์เรย์ JavaScript

คุณสมบัติ length ให้วิธีง่ายๆ ในการผนวกองค์ประกอบใหม่เข้ากับอาร์เรย์:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The length Property</h2>

<p>The length property provides an easy way to append new elements to an array without using the push() method:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits[fruits.length] = "Kiwi";
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

อาร์เรย์ JavaScript ลบ()

คำเตือน !

องค์ประกอบอาร์เรย์สามารถลบได้โดยใช้ตัวดำเนินการ JavaScript ลบ

การใช้ ลบ จะทำให้ unknown มีช่องโหว่ใน อาร์เรย์

ใช้ pop() หรือ shift() แทน

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The delete Method</h2>

<p>Deleting elements leaves undefined holes in an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];

document.getElementById("demo1").innerHTML =
"The first fruit is: " + fruits[0];

delete fruits[0];

document.getElementById("demo2").innerHTML =
"The first fruit is: " + fruits[0];
</script>

</body>
</html>

การรวม (การต่อ) อาร์เรย์

concat() วิธีการสร้างอาร์เรย์ใหม่โดยการผสาน (ต่อกัน) อาร์เรย์ที่มีอยู่:

ตัวอย่าง (การรวมสองอาร์เรย์เข้าด้วยกัน)

const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];

const myChildren = myGirls.concat(myBoys);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>

<p>The concat() method merges (concatenates) arrays:</p>

<p id="demo"></p>

<script>
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);

document.getElementById("demo").innerHTML = myChildren;
</script>

</body>
</html>

วิธีการ concat() ไม่ได้เปลี่ยนอาร์เรย์ที่มีอยู่ มันจะส่งคืนอาร์เรย์ใหม่เสมอ

concat() วิธีการสามารถรับอาร์กิวเมนต์อาร์เรย์จำนวนเท่าใดก็ได้:

ตัวอย่าง (การรวมสามอาร์เรย์เข้าด้วยกัน)

const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>

<p>The concat() method merges (concatenates) arrays:</p>

<p id="demo"></p>

<script>
const array1 = ["Cecilie", "Lone"];
const array2 = ["Emil", "Tobias", "Linus"];
const array3 = ["Robin", "Morgan"];

const myChildren = array1.concat(array2, array3); 

document.getElementById("demo").innerHTML = myChildren;
</script>

</body>
</html>

concat() วิธีการนี้ยังสามารถใช้สตริงเป็นอาร์กิวเมนต์:

ตัวอย่าง (การรวมอาร์เรย์เข้ากับค่า)

const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter"); 

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>

<p>The concat() method can merge string values to arrays:</p>

<p id="demo"></p>

<script>
const myArray = ["Emil", "Tobias", "Linus"];
const myChildren = myArray.concat("Peter"); 
document.getElementById("demo").innerHTML = myChildren;
</script>

</body>
</html>

การทำให้อาร์เรย์เรียบขึ้น

การทำให้อาร์เรย์แบนราบเป็นกระบวนการในการลดมิติของอาร์เรย์

flat() วิธีการสร้างอาร์เรย์ใหม่ที่มีองค์ประกอบอาร์เรย์ย่อยต่อกันตามความลึกที่ระบุ

ตัวอย่าง

const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The flat() Method</h2>

<p id="demo"></p>

<script>
const myArr = [[1,2],[3,4],[5,6]];

const newArr = myArr.flat();
document.getElementById("demo").innerHTML = newArr;
</script>

</body>
</html>

รองรับเบราว์เซอร์

JavaScript Array flat() ได้รับการสนับสนุนในเบราว์เซอร์สมัยใหม่ทั้งหมดตั้งแต่เดือนมกราคม 2020:

Chrome 69 Edge 79 Firefox 62 Safari 12 Opera 56
Sep 2018 Jan 2020 Sep 2018 Sep 2018 Sep 2018

การประกบและการแบ่งอาร์เรย์

splice() วิธีการเพิ่มรายการใหม่ให้กับอาร์เรย์

slice() วิธีการแบ่งส่วนของอาร์เรย์ออก

อาร์เรย์ JavaScript splice()

splice() วิธีการสามารถใช้เพื่อเพิ่มรายการใหม่ให้กับอาร์เรย์:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The splice() Method</h2>

<p>The splice() method adds new elements to an array:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;

fruits.splice(2, 0, "Lemon", "Kiwi");
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

พารามิเตอร์แรก (2) กำหนดตำแหน่ง ที่ องค์ประกอบใหม่ควรอยู่ เพิ่ม (ต่อเข้า)

พารามิเตอร์ที่สอง (0) กำหนด จำนวน องค์ประกอบที่ควรมี ลบออก

พารามิเตอร์ที่เหลือ ("มะนาว" , "กีวี") กำหนดองค์ประกอบใหม่ที่จะเป็น เพิ่ม

splice() วิธีการส่งกลับอาร์เรย์ที่มีรายการที่ถูกลบ:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The splice() Method</h2>

<p>The splice() method adds new elements to an array, and returns an array with the deleted elements (if any):</p>

<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = "Original Array:<br> " + fruits;
let removed = fruits.splice(2, 2, "Lemon", "Kiwi"); 
document.getElementById("demo2").innerHTML = "New Array:<br>" + fruits;
document.getElementById("demo3").innerHTML = "Removed Items:<br> " + removed; 
</script>

</body>
</html>

ใช้ splice() เพื่อลบองค์ประกอบ

ด้วยการตั้งค่าพารามิเตอร์ที่ชาญฉลาด คุณสามารถใช้ splice() เพื่อลบองค์ประกอบโดยไม่ต้องออก "รู" ในอาร์เรย์:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The splice() Method</h2>

<p>The splice() methods can be used to remove array elements:</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits;
fruits.splice(0, 1);
document.getElementById("demo2").innerHTML = fruits;
</script>

</body>
</html>

พารามิเตอร์แรก (0) กำหนดตำแหน่งที่องค์ประกอบใหม่ควรอยู่ เพิ่ม (ต่อเข้า)

พารามิเตอร์ที่สอง (1) กำหนด จำนวน องค์ประกอบที่ควรมี ลบออก

พารามิเตอร์ที่เหลือจะถูกละเว้น จะไม่มีการเพิ่มองค์ประกอบใหม่

อาร์เรย์ JavaScript slice()

slice() วิธีการแบ่งส่วนของอาร์เรย์ออกเป็นค่าใหม่ อาร์เรย์

ตัวอย่างนี้จะแบ่งส่วนของอาร์เรย์โดยเริ่มจากองค์ประกอบอาร์เรย์ 1 ("ส้ม"):

ตัวอย่าง

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>
<p>Slice out a part of an array starting from array element 1 ("Orange"):</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

บันทึก

slice() วิธีการสร้างอาร์เรย์ใหม่

slice() วิธีการไม่ได้ลบองค์ประกอบใด ๆ ออกจากอาร์เรย์ต้นทาง

ตัวอย่างนี้จะแบ่งส่วนของอาร์เรย์โดยเริ่มจากองค์ประกอบอาร์เรย์ 3 ("แอปเปิล"):

ตัวอย่าง

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>

<p>Slice out a part of an array starting from array element 3 ("Apple")</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

slice() วิธีการสามารถรับสองอาร์กิวเมนต์เช่น slice(1, 3)

จากนั้นเมธอดจะเลือกองค์ประกอบจากอาร์กิวเมนต์ start และจนถึง (แต่ไม่ใช่ รวมถึง) อาร์กิวเมนต์สุดท้าย

ตัวอย่าง

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>

<p>When the slice() method is given two arguments, it selects array elements from the start argument, and up to (but not included) the end argument:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1,3);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

หากละเว้นอาร์กิวเมนต์สิ้นสุด เช่นเดียวกับในตัวอย่างแรก slice() วิธีการแบ่งส่วนที่เหลือของอาร์เรย์ออก

ตัวอย่าง

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The slice() Method</h2>

<p>Slice out a part of an array starting from array element 2 ("Lemon"):</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
document.getElementById("demo").innerHTML = fruits + "<br><br>" + citrus;
</script>

</body>
</html>

toString() อัตโนมัติ

JavaScript จะแปลงอาร์เรย์เป็นสตริงที่คั่นด้วยเครื่องหมายจุลภาคโดยอัตโนมัติเมื่อ คาดว่าเป็นค่าดั้งเดิม

นี่เป็นกรณีเสมอเมื่อคุณพยายามส่งออกอาร์เรย์

ตัวอย่างทั้งสองนี้จะให้ผลลัพธ์เดียวกัน:

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1> 
<h2>The toString() Method</h2>

<p>The toString() method returns an array as a comma separated string:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
</script>

</body>
</html>

ตัวอย่าง

const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>

<p>JavaScript automatically converts an array to a comma separated string when a simple value is expected:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
</script>

</body>
</html>

บันทึก

ออบเจ็กต์ JavaScript ทั้งหมดมีเมธอด toString()

การค้นหาค่าสูงสุดและต่ำสุดในอาร์เรย์

ไม่มีฟังก์ชันในตัวสำหรับการค้นหาค่าสูงสุด หรือค่าต่ำสุดในอาร์เรย์ JavaScript

คุณจะได้เรียนรู้วิธีแก้ปัญหานี้ในครั้งต่อไป บทของบทช่วยสอนนี้

การเรียงลำดับอาร์เรย์

การเรียงลำดับอาร์เรย์จะกล่าวถึงในบทถัดไปของบทช่วยสอนนี้

การอ้างอิงอาร์เรย์ที่สมบูรณ์

หากต้องการข้อมูลอ้างอิง Array ฉบับสมบูรณ์ โปรดไปที่:

การอ้างอิงอาร์เรย์ JavaScript ที่สมบูรณ์

ข้อมูลอ้างอิงประกอบด้วยคำอธิบายและตัวอย่างของ Array ทั้งหมด คุณสมบัติและวิธีการ