วิธีแปลงค่าสตริง(String)เป็นอาร์เรย์(Array) ของภาษา JavaScript

 

วิธีแปลง ค่า String to Array ด้วย ภาษา JavaScript นั้นมีหลายวิธีแต่วิธีที่ได้รับความนิยมมากคือ split นั้นเองแต่บทความนี้ผมจะมาบอก 4 วิธีแปลงค่า สตริง(String)เป็นอาร์เรย์(Array)

const string = 'Hi MTF';

// วิธีที่ 1
string.split('');

// วิธีที่ 2
[...string];

// วิธีที่ 3
Array.from(string);

// วิธีที่ 4
Object.assign([], string);

// ผลลัพธ์:
// ['H', 'i', ' ', 'M', 'T', 'F']

แต่การแปลงค่ารูปแบบ Specific เรายังคงใช่  split 

const string = 'Hi-MTF';

string.split('-');

// ผลลัพธ์:
// ['Hi', 'MTF']

รู้หรือป่าว String Emojis บางตัวมีค่ามากกว่า 2 อักขระ

const string = 'Hi MTF';

// วิธีที่ 1
string.split('');

// วิธีที่ 2
[...string];

// วิธีที่ 3
Array.from(string);

// วิธีที่ 4
Object.assign([], string);

// ผลลัพธ์:
// ['H', 'i', ' ', 'M', 'T', 'F']

แต่การแปลงค่ารูปแบบ Specific เรายังคงใช่  split 

//ตัวอย่างที่ 1
const string = 'cake😋';
const usingSplit = string.split('');
const usingObjectAssign = Object.assign([], string);
// ผลลัพธ์:
['c', 'a', 'k', 'e', '\uD83D', '\uDE0B']

const usingSpread = [...string];
const usingArrayFrom = Array.from(string);

// ผลลัพธ์:
['c', 'a', 'k', 'e', '😋']

'😋'.length; // 2

//ตัวอย่างที่ 1
const string2 = '👩‍❤️‍👨';

console.log(string2.split('')) // ['\uD83D', '\uDC69', '‍', '❤', '️', '‍', '\uD83D', '\uDC68']
console.log(...string2) // 👩 ‍ ❤ ️ ‍ 👨
console.log([...string2]) // ['👩', '‍', '❤', '️', '‍', '👨']