Vue.js ir kļuvis par ievērojami populāru JavaScript ietvaru, pateicoties tā pieejamībai un daudzpusībai. Tas ir daudzu tīmekļa izstrādātāju izvēlēts rīks, kad runa ir par tīmekļa saskarnes izstrādes vienkāršošanu. Viens no izplatītākajiem uzdevumiem, ar ko izstrādātāji bieži saskaras, strādājot ar Vue.js, ir virkņu konvertēšana masīvos.
Šis process ir ļoti svarīgs gadījumos, kad datus iegūstat virknes formātā, bet ērtākai manipulācijai šie dati ir nepieciešami masīva formā. Pirms ķeraties pie risinājuma, vislabāk ir iegūt pamatzināšanas gan par Vue Js , gan JavaScript.
Virknes pārvēršana masīvā pakalpojumā Vue.js
Lai pārvērstu virkni par masīvu Vue.js, JavaScript ir pieejama vienkārša, iebūvēta metode. To sauc par "split()".
var str = "Hello World";
var res = str.split(" ");
Funkcija "split()" ir JavaScript iebūvēta funkcija, kas Virknes objektu pārvērš virkņu masīvā, atdalot virkni katrā noteiktas atdalīšanas virknes instancē.
Kodeksa soli pa solim skaidrojums
Šeit “Hello World” ir virkne, kas jāpārvērš masīvā. Sadalīšanas metode, kas tiek izmantota virknes mainīgajam, izmanto argumentu, kas ir atdalītājs (mūsu gadījumā tukša vieta). Tas novirza sadalīšanas metodi, lai sadalītu virkni katru reizi, kad tā pamana atdalītāju. Līdz ar to tā atgriež iegūtās apakšvirknes kā masīva elementus.
Sadalīsim šīs darbības
:
// Declare a string
var str = "Hello World";
// Use split method on the string
var res = str.split(" ");
Pēc šī koda izpildes mainīgais "res" saturēs masīvu - ["Sveiki", "Pasaule"].
Split funkcija un Vue.js
Saistībā ar Vue.js, iespējams, vēlēsities iekļaut šo funkcionalitāti savā Vue instancē vai komponentā. Piemēram, varat saglabāt virknes vērtību savā datu objektā un izveidot metodi virknes sadalīšanai
:
new Vue({
el: '#app',
data: {
message: 'Hello World'
},
methods: {
splitMessage: function() {
this.message = this.message.split(" ");
}
}
})
Šeit mēs esam izveidojuši Vue gadījumu ar datu objektu, kurā ir ziņojuma virkne. Mēs esam pievienojuši arī metodi - "splitMessage". Šī metode ir galvenais elements virknes pārvēršanai masīvā. Tas maina "ziņojumu" masīvā, izmantojot "split()" metodi.
Ņemiet vērā, ka šī elementa izmantošana “splitMessage” attiecas uz Vue gadījumu, tādējādi “this.message” atsaucas uz rekvizītu “message” datu objektā. Koncepcija ir ļoti svarīga un diezgan piemērojama daudzos citos iestatījumos, kas ietver manipulācijas ar datiem lietotāja saskarnēm.
Secinājumi
Rezumējot, JavaScript piedāvā vienkāršu pieeju Vue.js, lai pārvērstu virknes masīvos, izmantojot funkciju "split()". Izpratne par to nodrošina būtisku pamatu, lai manipulētu ar datiem lietotāja saskarnēm, kas ir īpaši noderīgs daudzos dažādos kontekstos. Papildus tam Vue.js daudzpusība palīdz apvienot JavaScript pamatjēdzienus un Vue reaktivitātes sistēmu, tādējādi paverot ceļu dinamiskāku un interaktīvāku tīmekļa lietojumprogrammu izveidei.
