JavaFormat niza skripti: metode s PRIMJERIMA

By: James Hartman James Hartman
Hours Ažurirano

Što je JavaFormat niza skripte?

JavaFormat niza skripti odnosi se na pristupe koji se mogu koristiti za manipuliranje i oblikovanje nizova u definiranom obliku. To je ključna značajka svakog programskog jezika koja vam omogućuje da imate kontrolu nad tekstom koji se pojavljuje u vašoj aplikaciji.

U vašem JavaKod skripte, oblikovanje niza može transformirati složene podatke na jednostavan način. Također poboljšava čitljivost izlaza i čini kod lakšim za održavanje. Dodatno, pravilno formatiran JavaNizovi skripte također mogu igrati ulogu u poboljšanju korisničkog iskustva aplikacije.

Kako formatirati nizove u JavaSkripta?

Da biste formatirali niz u JavaSkripta, slijedite navedene korake:

Korak 1) Prvo je potrebno odrediti podatke koje želite uključiti u niz.

Korak 2) Zatim odaberite metodu za formatiranje niza u JS-u.

Korak 3) U skladu s tim napišite kod za njegovu implementaciju.

Korak 4) Testirajte kôd kako biste bili sigurni da generira očekivani izlaz.

Korak 5) Ažurirajte ili modificirajte kod kako biste zadovoljili dodatne potrebe ili zahtjeve za oblikovanje.

Korak 6) Refaktorirajte kod radi lakoće održavanja i čitljivosti.

Različite metode oblikovanja niza u JavaScript

Postoji više načina za formatiranje stringova JavaSkripta, uključujući operatore spajanja, literale predložaka, regularne izraze i još mnogo toga.

U sljedećem odjeljku istražit ćete sljedeće pristupe:

  • {} Brackets s povratnim kvačicama
  • "+" Operahumka
  • Prilagođena funkcija Oblikovanje niza
  • Operator ulančavanja
  • Literali predloška
  • Uobičajeni izraz
  • Prilagođena funkcija
  • Ternarni operator

1. metoda: korištenje {} Brackets s Backticks za formatiranje niza JavaScript

U ovoj metodi možete koristiti Predložak literale dodavanjem povratne kvačice (`) za uvrštavanje niza. Zatim umetnite varijable argumenata niza u zagrade {} ispred kojih stoji znak dolara “$”. Ovi predlošci vam omogućuju da ugradite izraze unutar string literala.

Ova operacija pomaže spojiti varijable koje se nazivaju rezervirana mjesta i druge definirane vrijednosti. Kao rezultat toga, konačni formatirani niz dobiva se interpolacijom vrijednosti rezerviranih mjesta.

Na primjer, stvorili smo dvije varijable, "ime"A"iskaznica,” i zatim ih zatvorio u povratne oznake za generiranje formatiranog izlaza. Imajte na umu da "${}” sintaksa se koristi za ugrađivanje izraza sa stringom.

Kodirati:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

Može se primijetiti da su prikazane vrijednosti “name” i “id” rezerviranog mjesta, što znači da je interpolacija niza uspješno izvedena.

Izlaz:

Welcome Jenny, your ID is 1

POVEZANI ČLANCI

2. način: korištenje + Operator za formatiranje niza JavaScript

Drugi pristup je korištenje Operator ulančavanja "+” za nizove osnovnog oblikovanja JavaSkripta. Ovaj način uključuje ulančavanje pojedinačnih varijabli i nizova kako bi se generirao željeni izlaz.

Na primjer, sada smo upotrijebili operator "+" za spajanje istih vrijednosti varijabli, a metoda "console.log()" vratit će formatirani niz na konzoli.

Kodirati:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

Izlaz:

Welcome Jenny, your ID is 1

Metoda 3: Prilagođena funkcija Oblikovanje niza u JavaScript

U vašem JavaSkriptni program, također možete koristiti prilagođeni pristup oblikovanja niza funkcija. U ovoj tehnici, funkcija prihvaća željene varijable i vraća formatirani niz. Ova funkcija formatiranja također nudi mnogo fleksibilnosti. Možete ga koristiti i za ispunjavanje prilagođenih ili složenih zahtjeva za oblikovanje.

Ovdje smo stvorili funkciju prilagođenog formata pod nazivom "WelcomeMsg()" koji prihvaća dvije varijable "ime"A"id” kao argumente i daje formatirane nizove korištenjem literala niza predložaka.

Nakon toga smo definirali željene varijable i proslijedili ih u formatu custom formation call funkcije.

Kodirati:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

Izlaz:

Welcome Jenny, your ID is 1

Metoda 4: Korištenje ulančavanja za formatiranje niza JavaScript

povezan u lanac je jednostavna metoda koja se koristi za formatiranje nizova JavaSkripta. Ovaj pristup uključuje kombiniranje varijabli niza ili višestrukih nizova pomoću operatora spajanja "+”. Također možete koristiti ovu tehniku ​​za jednostavne zadatke ulančavanja nizova.

U navedenom primjeru, varijable "ime"A"prezime" bit će spojeni uz pomoć operatora "+" kako bi se formirao "puno ime” niz na sljedeći način.

Kodirati:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

Izlaz:

Alex Edward

Metoda 5: Korištenje literala predloška za formatiranje niza JavaScript

Nizovi predložaka koji su također poznati kao Literali predloška nude izražajniji i napredniji način formatiranja nizova JavaSkripta. Oni dopuštaju izravno ugrađivanje izraza i varijable unutar niza koristeći rezervirano mjesto "${expression}".

Štoviše, literal predloška također pruža podršku za višelinijske nizove.

Kodirati:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

U gornjem primjeru izravno smo interpolirali varijablu "ime"A"starost" unutar niza korištenjem rezerviranih mjesta "${}” unutar povratnih kvačica (`) literala predloška.

Izlaz:

Hi, Alex! You are 30 years old.

Metoda 6: Upotreba regularnih izraza za oblikovanje niza JavaScript

In Javakod skripte, Regularni izrazi su robustan alat koji se koristi za manipulaciju nizovima i usklađivanje uzoraka. Štoviše, oni se također koriste za pronalaženje zadanog uzorka i njihovu zamjenu definiranim vrijednostima. Ova se operacija može izvesti uz pomoć "zamijeniti ()”Metoda.

Pogledajte donji program, metoda replace () koristi se s dva regularna izraza koji će zamijeniti rezervirana mjesta "[Ime]"A"[iskaznica]” s odgovarajućom vrijednošću.

Kodirati:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

To rezultira novim objektom niza koji će biti pohranjen u "poruka” varijabla prijavljena na konzoli kao izlaz.

Izlaz:

Welcome Jenny. Your ID is 1

Metoda 7: Korištenje prilagođene funkcije za Format String in JavaScript

Također možete stvoriti višekratno upotrebljivi i prilagođeni format niza JavaSkripta. Da biste to učinili, definirajte novi prilagođena funkcija koji prihvaća niz i druge parametre. Možete ga pozvati da zamijeni rezervirana mjesta ili primijeniti prilagođena pravila oblikovanja. Ova tehnika također podržava prilagođeno oblikovanje u složenim scenarijima oblikovanja.

Ovdje smo stvorili novi prilagođeni format funkcije pod nazivom "formatString" koji prihvaća "niz"A"parametarima"(poredak parametara) kao argumente.

Unutar tijela funkcije, pozvali smo "zamijeniti ()” metoda s regularnim izrazom za zamjenu rezerviranih mjesta “0 {}, 1 {}” sa svojim odgovarajućim vrijednostima iz niza parametara.

Kodirati:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg);

Izlaz:

Hi, Alex! You are 30 years old.

Metoda 8: Korištenje Ternary Operator za formatiranje niza JavaScript

JavaScript Ternarni operator je skraćeni način za pisanje uvjetnih izraza na nizovima. Međutim, može se koristiti i za oblikovanje niza uvjetnim odabirom jedne od dvije vrijednosti prema navedenom booleovom izrazu i vraćanjem niza.

Sintaksa:

condition ? expressionIfTrue : expressionIfFalse

Pogledajte ovaj primjer koda korištenja ternarnog operatora za formatiranje u string objekt.

Kodirati:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

Izlaz:

Welcome Jenny, you are an admin

Ovdje smo definirali dvije varijable "ime"A"jeAdmin" s vrijednostima "dizalica"A"istinski”, odnosno.

Nakon toga smo upotrijebili ternarni operator za uvjetno dodavanje niza ", ti si admin” u niz poruke ako je vrijednost izbornog parametra “isAdmin” istinita, kao što je gore navedeno.

Usporedba JavaMetode formatiranja niza skripti

Ovdje smo naveli prednosti i nedostatke gore spomenutog JavaMetode formatiranja niza skripte:

način Prednosti Nedostaci
Brackets {} s povratnim kvačicama (`) • Jednostavan za korištenje.
• Sažet i čitljiv kôd. 		Možda nije prikladno za složenije zahtjeve oblikovanja.
operator “+”. Lako za razumjeti. Može biti neučinkovito za složenije zahtjeve oblikovanja.
Prilagođena funkcija za oblikovanje niza Nudi puno fleksibilnosti. Potrebno je više truda u kodiranju.
povezan u lanac Operahumka Jednostavan i široko podržan. Nezgrapno za složeno oblikovanje niza.
Predlošci za literaturu • Podržava nizove s više redaka.
• Readable i Intuitivna sintaksa. 		Ograničena kontrola nad opcijama oblikovanja.
Regularni izrazi Pružite puno fleksibilnosti. Drugačija implementacija i održavanje u usporedbi s drugim metodama.
Prilagođena funkcija Pruža veliku fleksibilnost. Potrebno je dodatno kodiranje za stvaranje i održavanje prilagođene funkcije.
Ternarni operator Sažeti način za rukovanje null ili nedefiniranim vrijednostima. Možda nije prikladan za složenije zahtjeve oblikovanja.

Imajte na umu da odabir metode uvelike ovisi o konkretnom slučaju upotrebe i vašim relevantnim zahtjevima JavaKod skripte.

Zaključak

In JavaScript, možete koristiti literale predloška, ​​ternarni operator, "+”, regularne izraze i prilagođenu funkciju za formatiranje nizova. Ove metode formata niza dopuštaju programerima da manipuliraju i prezentiraju tekstualne podatke na učinkovit način.

Stoga odaberite pravu metodu na temelju čitljivosti, performansi i kompatibilnosti preglednika. Omogućuje programerima da poboljšaju korisnička iskustva i postignu željene standarde oblikovanja.

Možda ti se svidi: