Cara Memanipulasi data string dengan javascript function

cara-manipulasi-data-di-javascript-readeroz

Cara Memanipulasi data dengan javascript function


Haloo rekan-rekan, 

Pada kesempatan kali ini kita akan membahas beberapa function pada javascript yang dapat kita gunakan untuk memanipulasi data yang kita terima dari server. Manipulasi data sendiri merujuk pada sebuah proses dalam mengatur, dan mengubah sebuah nilai dengan tujuan tertentu. Hal ini bertujuan agar data yang akan diteruskan dapat menjadi lebih maksimal ketika diterima di sisi client maupun di sisi server.


Berikut beberapa function vanilla javascript yang dapat kita gunakan untuk memanipulasi data,


1. _.trim()

cara menghapus spasi di depan atau dibelakang string bisa menggunakan function trim() merupakan sebuah function yang dapat kita gunakan untuk memanipulasi white space atau spasi yang berada pada awalan dan di akhir string sehingga dapat membantu kita dalam membersihkan inputan dan proses pencarian yang lebih baik.

const kata = '     Jaka adalah orang     '
console.log(kata.trim())

/* output:Jaka adalah orang*/

selain bisa menghapus spasi yang berada di awal dan akhir string yang dimasukkan, kita juga bisa menghapus spasi yang berada di awal saja ataupun spasi yang berada di bagian akhir string saja dengan menggunakan varian function trim() yang lain.

jika kita ingin menghapus spasi di bagian awal saja kita bisa menggunakan function trimStart() atau trimLeft()

const kata = '     Jaka adalah orang     '
console.log(kata.trimStart())
console.log(kata.trimLeft())

/* output:Jaka adalah orang     */
/* output:Jaka adalah orang     */

jika kita ingin menghapus spasi di bagian awal saja kita bisa menggunakan function trimRight() atau trimEnd()

const kata = '     Jaka adalah orang     '
console.log(kata.trimRight())
console.log(kata.trimEnd())

/* output:      Jaka adalah orang*/
/* output:      Jaka adalah orang*/

2. _.replace()

cara mengganti atau menghapus kata yang ada dalam string bisa menggunakan function replace() merupakan sebuah function yang dapat digunakan untuk mengganti suatu kata di dalam string dengan kata yang lain yang diinginkan. hal ini memudahkan kita jika ada character yang tidak diinginkan atau ingin mengganti suatu kata dengan kata yang lain. function replace() bisa memiliki format str.replace(value, newValue). Function replace ini tidak mengubah string asli yang digunakan sebagai acuan melainkan membuat sebuah string baru sesuai kondisi terbaru dari format yang diinginkan

const kata = 'Jaka adalah orang bijak'
console.log(kata.replace('bijak', 'baik'))

/* output: Jaka adalah orang baik*/

3. _.split()

cara memuat array dari sebuah string bisa menggunakan function split() merupakan sebuah function yang digunakan untuk memisahkan sebuah string menjadi array yang berisi bagian-bagian kecil string berdasarkan pemisah yang kita tentukan sebelumnya. function split() ini tidak mengubah value dari variable yang digunakan melainkan membuat sebuah variable baru. Berikut merupakan formula dari function split()

str.split([pemisah,[, batas]])

const kata = 'Jaka adalah orang bijak'
console.log(kata.split(' '))

/* output: ["Jaka", "adalah", "orang", "bijak"]*/

const kata = 'bijak'
console.log(kata.split(""))


/* output: ["b","i","j","a","k"] 
jika kita tidak memasukan pemisah dan membiarkannya kosong, maka function
akan memisahkan setiap karakter menjadi satu index array tersendiri
*/


const buah = 'pisang,apel,jeruk,mangga,pir,manggis'
console.log(buah.split(",",2))

/* output: ["pisang", "apel"]
karena kita memasukan batas index maka jumlah substring yang masuk ke dalam array
hanya dua buah
*/




4. _.toUpperCase() dan _.toLowerCase()

cara mengubah string menjadi huruf kapital semua atau cara mengubah string menjadi huruf kecil semua bisa menggunakan function toUpperCase dan toLowerCase merupakan sebuah function yang sangat sederhana namun sangat berguna dalam project yang kita kembangkan, dengan function tersebut kita bisa memanipulasi sebuah string agar seluruh karakter dalam string ditulis dalam huruf kapital menggunakan function toUpperCase() atau menjadi huruf kecil semua menggunakan function toLowerCase() .

const kata = 'Jaka adalah orang bijak'
console.log(kata.replace('bijak', 'baik'))

/* output: Jaka adalah orang baik*/

5. _.substring()

cara memotong string bisa menggunakan function substring() merupakan sebuah function pada javascript yang digunakan untuk menghapus karakter dari sebuah string yang ditentukan berdasarkan index awal dan index akhir karakter yang ingin dihapus, jika index akhir tidak diberikan maka menghasilkan teks baru berdasarkan index awal hingga akhir string.

const kata = 'Jaka adalah orang bijak'
console.log(kata.substring(5))
/* output: adalah orang baik*/


console.log(kata.substring(5,12))
/* output: adalah*/


6. _.slice()

selain memotong string menggunakan substring(), cara memotong string bisa menggunakan function slice() secara teori sama seperti function substring() namun kita bisa memasukkan indeks negatif sebagai acuannya yang diambil dari karakter terakhir dalam string hingga karakter awal dalam string.

const kata = 'Jaka adalah orang bijak'
console.log(kata.slice(5))
/* output: adalah orang baik*/

console.log(kata.slice(-5,-1))
/* output: bija*/


Jadii, itulah beberapa function pada javascript yang dapat kita manfaatkan untuk memanipulasi data string pada project yang sedang ktia kembangkan, semoga article ini bisa bermanfaat dan dapat menambah ilmu kita dalam ranah teknologi dan pemrograman. Terimakasih telah mampir di article ini dan semoga menjadi ilmu yang bermanfaat.


Teruslah Bergerak Maju.

Previous Post Next Post

Contact Form