บางครั้ง เราอาจต้องการแทนที่รายการในอาร์เรย์ JavaScript

ในบทความนี้ เราจะมาดูวิธีการแทนที่รายการในอาร์เรย์ JavaScript

Array.prototype.indexOf และ Assignment

เราสามารถใช้indexOfวิธีการของอาร์เรย์ JavaScript เพื่อค้นหาดัชนีของค่าที่กำหนดในอาร์เรย์

จากนั้นเราสามารถใช้ดัชนีเพื่อกำหนดค่าใหม่ให้กับดัชนีนั้นได้

ตัวอย่างเช่น เราสามารถเขียน:

const arr = [523, 353, 334, 31, 412];
const index = arr.indexOf(353);
if (index !== -1) {
  arr[index] = 1010;
}
console.log(arr)

มันจะส่งคืนดัชนีของอินสแตนซ์แรกของค่าหากมีอยู่หรือ -1 เป็นอย่างอื่น

ดังนั้นหากindexไม่ใช่ -1 เราก็สามารถแทนที่ค่าที่ดัชนีที่กำหนดด้วยค่าใหม่โดยกำหนดค่าตามที่เราทำในifบล็อก

ดังนั้นarrขณะนี้:

[523, 1010, 334, 31, 412]

เราสามารถใช้mapเมธอดเพื่อคืนค่าอาร์เรย์ใหม่ด้วยรายการของอาร์เรย์ที่มีอยู่ซึ่งจับคู่กับค่าใหม่

ในการใช้สิ่งนี้เพื่อแทนที่ค่าอย่างน้อยหนึ่งอินสแตนซ์ เราสามารถเขียน:

const arr = [523, 353, 334, 31, 412];
const mapped = arr.map(a => a == 353 ? 1010 : a)
console.log(mapped)

หากใช่ เราจะแทนที่ด้วย 1010

มิฉะนั้น เราก็แค่คืนค่าที่มีอยู่

ดังนั้นmappedขณะนี้:

[523, 1010, 334, 31, 412]

นอกจากนี้เรายังสามารถใช้spliceวิธีการของอาร์เรย์ JavaScript เพื่อแทนที่ค่าที่ดัชนีที่กำหนดด้วยค่าใหม่

ตัวอย่างเช่น เราสามารถเขียน:

const arr = [523, 353, 334, 31, 412];
const index = arr.indexOf(353);
if (index !== -1) {
  arr.splice(index, 1, 1010);
}
console.log(arr)

แต่แทนที่จะของการกำหนดค่าที่เราเรียกspliceกับindexขององค์ประกอบที่จะลบ

1 ในอาร์กิวเมนต์ที่ 2 หมายความว่าเราลบ 1 องค์ประกอบ

และอาร์กิวเมนต์ที่ 3 คือค่าที่เราแทนที่รายการด้วย

ดังนั้นarrเป็นเช่นเดียวกับตัวอย่างแรก

บทสรุป

เราสามารถใช้วิธีการอาร์เรย์เพื่อแทนที่วัตถุที่ดัชนีที่กำหนดด้วยค่าอื่น

เนื้อหาเพิ่มเติมที่plainenglish.io