Ang string ay isang pagkakasunud-sunod ng isa o higit pang mga character na maaaring maglaman ng mga titik, numero, at iba pang mga simbolo. Sa JavaScript, ito ang pinakasimpleng hindi nababagong uri ng data.

Binibigyang-daan ka ng mga string na ipakita at manipulahin ang teksto, at ang teksto ang pangunahing paraan upang makipag-usap at magpadala ng impormasyon sa web. Samakatuwid, ang mga string ay isa sa mga pangunahing konsepto ng programming.

Tuturuan ka ng tutorial na ito kung paano lumikha at tingnan ang output ng string, pagdugtungin ang mga string at iimbak ang mga ito sa mga variable. Matututuhan mo rin ang tungkol sa mga panuntunan sa paggamit ng mga panipi, kudlit, at mga transition. bagong linya sa JavaScript.

Paglikha at pagtingin sa isang string

May tatlong paraan para gumawa ng string sa JavaScript: maaari silang isulat sa loob ng mga single quotes (‘), double quotes (‘), o backticks (`). Bagama't minsan ang mga script ay naglalaman ng lahat ng tatlong uri ng mga string, isang uri lamang ng panipi ang dapat gamitin sa loob ng isang linya.

Ang mga single- at double-quoted na string ay mahalagang magkaparehong bagay. Walang mga kumbensyon tungkol sa paggamit ng isang uri ng mga panipi o iba pa, ngunit karaniwang inirerekomenda na gumamit ng isang uri nang tuluy-tuloy sa mga script ng programa.

"Ang string na ito ay gumagamit ng mga solong panipi.";
"Ang string na ito ay gumagamit ng double quotes.";

Pangatlo at ang pinakabagong paraan Ang paggawa ng string ay tinatawag na literal na template. Ang mga literal ng template ay nakasulat sa loob ng backquotes (tinatawag ding backtick) at gumagana sa parehong paraan tulad ng regular na mga string na may ilang karagdagang mga function na titingnan natin sa artikulong ito.

`Ang string na ito ay gumagamit ng mga backtick.`;

Ang pinakamadaling paraan upang tingnan ang output ng isang string ay ilagay ito sa console gamit ang console.log().

console.log("Ito ay isang string sa console.");
Ito ay isang string sa console.

Sa iba sa simpleng paraan upang humiling ng halaga ng isang string ay isang popup window sa browser na maaaring tawagan gamit ang alert():

alert("Ito ay isang string sa isang alerto.");

Ang linyang ito ay magbubukas ng notification window sa browser na may sumusunod na text:

Ito ay isang string sa isang alerto.

Ang paraan ng alert() ay hindi gaanong ginagamit dahil ang mga alerto ay kailangang sarado palagi.

Pag-iimbak ng mga String sa Mga Variable

Ang mga variable sa JavaScript ay pinangalanang mga container na nag-iimbak ng mga value gamit ang var, const, o let na mga keyword. Maaaring italaga ang mga string sa mga variable.

const newString = "Ito ay isang string na nakatalaga sa isang variable.";

Ang newString variable ay naglalaman na ngayon ng isang string na maaaring i-reference at ipakita gamit ang console.

console.log(newString);
Ito ay isang string na nakatalaga sa isang variable.

Sa pamamagitan ng pagtatalaga ng mga string sa mga variable, hindi mo na kailangang muling i-type ang string sa tuwing gusto mong i-output ito, na ginagawang mas madaling gamitin ang mga string sa loob ng mga programa.

Pagsasama-sama ng string

Ang string concatenation ay ang proseso ng pagsasama-sama ng dalawa o higit pang mga string sa isang bagong string. Ginagawa ang concatenation gamit ang + operator. Ang simbolo na + ay isa ring operator ng karagdagan sa mga pagpapatakbo ng matematika.

Halimbawa, subukang pagsamahin ang dalawang maikling string:

"Dagat" + "kabayo";
Kabayo ng dagat

Pinagsasama ng concatenation ang dulo ng isang string sa simula ng isa pang string nang hindi naglalagay ng mga puwang. Upang magkaroon ng espasyo sa pagitan ng mga linya, dapat itong idagdag sa dulo ng unang linya.

"Dagat" + "kabayo";
Kabayo sa dagat

Binibigyang-daan ka ng concatenation na pagsamahin ang mga string at variable sa mga value ng string.

const favePoem = "Ang paborito kong tula ay " + tula + " ni " + author ".";

Ang mga bagong string na nagreresulta mula sa concatenation ay maaaring gamitin sa programa.

Mga variable na may mga literal na template

Isa sa mga feature ng template literals ay ang kakayahang magsama ng mga expression at variable sa string. Sa halip na concatenation, maaari mong gamitin ang syntax na $() para magpasok ng variable.

const poem = "Ang Malapad na Karagatan";
const author = "Pablo Neruda";
const favePoem = `Ang paborito kong tula ay $(poem) ni $(author).`;
Ang paborito kong tula ay The Wide Ocean ni Pablo Neruda.

Binibigyang-daan ka ng syntax na ito na makakuha ng parehong resulta. Pinapadali ng mga literal ng template ang pagsasama-sama ng string.

Mga literal ng string at mga halaga ng string

Tulad ng maaaring napansin mo, ang lahat ng mga string ay nakasulat sa mga quote o backquotes, ngunit kapag ang output, ang string ay hindi naglalaman ng mga quote.

"Sa kabila ng Dagat";
Sa kabila ng Dagat

Ang literal na string ay isang string kung paano ito lumalabas source code, kasama ang mga quotes. Ang halaga ng string ay ang string na lumilitaw sa output (nang walang mga quote).

SA sa halimbawang ito Ang "Beyond the Sea" ay literal na string, at ang Beyond the Sea ay isang string value.

Binabaybay ang mga quote at apostrophe sa mga string

Dahil ang mga panipi ay ginagamit upang tukuyin ang mga string, may mga espesyal na panuntunan para sa paggamit ng mga kudlit at mga panipi sa mga string. Halimbawa, bibigyang-kahulugan ng JavaScript ang isang apostrophe sa gitna ng isang naka-quote na string bilang isang pangwakas na solong quote, at susubukang basahin ang natitirang bahagi ng nilalayong string bilang code.

Isaalang-alang ang halimbawang ito:

const brokenString = "Ako ay isang sirang string";
console.log(brokenString);
hindi alam: Hindi inaasahang token (1:24)

Ang parehong bagay ay mangyayari kung susubukan mong gamitin dobleng panipi sa loob ng isang string na nakapaloob sa double quotes. Hindi mapapansin ng interpreter ang pagkakaiba.

Upang maiwasan ang mga naturang error, maaari mong gamitin ang:

• Iba't ibang string syntax.
• Mga simbolo ng pagtakas.
• Literal na template.

Alternatibong string syntax

Ang pinakamadaling paraan upang malutas ang problemang ito ay ang paggamit ng kabaligtaran na syntax sa ginagamit mo sa script. Halimbawa, maglagay ng mga string na may mga apostrophe sa dobleng panipi:

"Ligtas kaming gumagamit ng apostrophe sa dobleng panipi."

Maaaring kunin ang mga linya ng panipi mula sa single quotes:

"Pagkatapos ay sinabi niya, "Hello, World!";

Sa pamamagitan ng pagsasama-sama ng mga single at double quote, maaari mong kontrolin ang pagpapakita ng mga quote at apostrophe sa loob ng mga string. Gayunpaman, makakaapekto ito sa pagkakapare-pareho ng syntax sa mga file ng proyekto, na nagpapahirap sa kanila na mapanatili.

Escape character \

Sa pamamagitan ng paggamit ng backslash, hindi bibigyang-kahulugan ng JavaScript ang mga panipi bilang pagsasara ng mga panipi.

Ang kumbinasyong \' ay palaging ituturing na apostrophe at \" bilang dobleng panipi, walang mga pagbubukod.

Nagbibigay-daan ito sa paggamit ng mga kudlit sa mga string na may iisang sinipi at mga panipi na gagamitin sa mga string na may dobleng panipi.

"Ligtas kaming gumagamit ng apostrophe sa mga solong panipi.\"
"Pagkatapos ay sinabi niya, \"Hello, World!\"";

Ang pamamaraang ito ay mukhang medyo magulo. Ngunit ito ay kinakailangan kung ang parehong linya ay naglalaman ng parehong apostrophe at dobleng panipi.

Mga literal ng template

Ang mga literal ng template ay tinukoy ng mga backquotes, kaya ang parehong mga double quote at apostrophe ay maaaring ligtas na magamit nang walang anumang karagdagang pagmamanipula.

`Ligtas kaming gumagamit ng mga kudlit at "mga panipi" sa literal na template.`;

Ang mga literal ng template ay hindi lamang umiiwas sa mga error kapag nagpapakita ng mga quote at apostrophe, ngunit nagbibigay din ng suporta para sa mga inline na expression at multiline na mga bloke, tulad ng tinalakay sa susunod na seksyon.

Multiline na linya at bagong linya

Sa ilang mga sitwasyon mayroong pangangailangan na magpasok ng isang bagong linya na character o isang line break. Makakatulong ang mga escape character na \n o \r na magpasok ng bagong linya sa output ng code.

const threeLines = "Ito ay isang string\na sumasaklaw sa\tatlong linya.";
Ito ay isang string
na sumasaklaw sa kabuuan
tatlong linya.

Hahatiin nito ang output sa maraming linya. Gayunpaman, kung naglalaman ang code mahabang linya, mahihirapan silang magtrabaho at basahin. Upang magpakita ng isang string sa maraming linya, gamitin ang concatenation operator.

const threeLines = "Ito ay isang string\n" +
"na sumasaklaw sa\n" +
"tatlong linya.";

Maaari ka ring makatakas sa isang bagong linya gamit ang escape character na \.

const threeLines = "Ito ay isang string\n\
na sumasaklaw sa\n\
tatlong linya.";

Tandaan: Ang pamamaraang ito ay hindi inirerekomenda dahil maaari itong magdulot ng mga problema sa ilang mga browser.

Upang gawing nababasa ang iyong code, gumamit ng mga literal na template. Ito ay nag-aalis ng concatenation at escape character.

const threeLines = `Ito ay isang string
na sumasaklaw sa kabuuan
tatlong linya.`;
Ito ay isang string
na sumasaklaw sa kabuuan
tatlong linya.

Dahil maaaring gamitin ang iba't ibang mga base ng code iba't ibang pamantayan, mahalagang malaman ang lahat ng paraan upang masira ang isang bagong linya at lumikha ng mga multi-line na string.

Konklusyon

Ngayon alam mo na ang mga pangunahing prinsipyo ng pagtatrabaho sa mga string sa JavaScript, maaari kang lumikha ng mga string at literal na template, magsagawa ng concatenation at traversal, at magtalaga ng mga string sa mga variable.

Mga Tag:

Mayroong ilang mga paraan upang pumili ng mga substring sa JavaScript, kabilang ang substring(), substr(), slice() at mga function regexp.

Sa JavaScript 1.0 at 1.1, substring() umiiral bilang ang tanging simpleng paraan upang pumili ng bahagi ng isang mas malaking string. Halimbawa, upang piliin ang linya pindutin mula sa Pagpapahayag, gamitin "Expression".substring(2,7). Ang unang parameter sa function ay ang character index kung saan magsisimula ang pagpili, habang ang pangalawang parameter ay ang character index kung saan nagtatapos ang pagpili (hindi kasama): substring(2,7) kasama ang mga index 2, 3, 4, 5, at 6.

Sa JavaScript 1.2, ang mga function substr(), slice() At regexp maaari ding gamitin upang hatiin ang mga string.

Substr() kumikilos sa parehong paraan tulad ng substr ang Pearl language, kung saan ang unang parameter ay nagpapahiwatig ng character index kung saan nagsisimula ang pagpili, habang ang pangalawang parameter ay tumutukoy sa haba ng substring. Upang maisagawa ang parehong gawain tulad ng sa nakaraang halimbawa, kailangan mong gamitin "Expression".substr(2,5). Tandaan, 2 ang panimulang punto, at 5 ang haba ng resultang substring.

Kapag ginamit sa mga string, slice() kumikilos katulad ng pag-andar substring(). Ito ay, gayunpaman, higit pa makapangyarihang kasangkapan, na may kakayahang gumana sa anumang uri ng array, at hindi lamang mga string. slice() gumagamit din ng mga negatibong offset upang ma-access ang gustong posisyon, simula sa dulo ng linya. "Expression".slice(2,-3) ay ibabalik ang substring na natagpuan sa pagitan ng pangalawang character at ang pangatlong character mula sa dulo, babalik muli pindutin.

Pinakabago at pinaka unibersal na pamamaraan upang gumana sa substrings - ito ay gumagana sa pamamagitan ng mga regular na function mga expression sa JavaScript 1.2. Muli, binibigyang pansin ang parehong halimbawa, ang substring "pindutin" nakuha mula sa string "Expression":

Write("Expression".match(/press/));

Built-in na bagay String

Bagay String Ito ay isang object na pagpapatupad ng isang primitive string value. Ang constructor nito ay ganito ang hitsura:

Bagong String( ibig sabihin?)

Dito ibig sabihin anumang string expression na tumutukoy sa primitive na halaga ng isang bagay. Kung hindi tinukoy, ang primitive na halaga ng object ay "" .

Mga katangian ng String object:

tagabuo Ang tagabuo na lumikha ng bagay. Bilang ng mga character bawat linya. prototype

Isang sanggunian sa prototype ng object class.

Standard String Object Methods Ibinabalik ang character sa ibinigay na posisyon sa string. Ibinabalik ang code ng character na matatagpuan sa isang naibigay na posisyon sa string. Nagbabalik ng pinagsama-samang mga string. Gumagawa ng string mula sa mga character na tinukoy ng mga Unicode code.

Ibinabalik ang posisyon ng unang paglitaw ng tinukoy na substring.

Ibinabalik ang posisyon ng huling paglitaw ng tinukoy na substring. Naghahambing ng dalawang string batay sa wika (… operating system …. …. …. …. …. …. … Tumutugma sa isang string laban sa isang regular na expression. Tumutugma sa isang string laban sa isang regular na expression at pinapalitan ang nahanap na substring ng isang bagong substring. Tumutugma sa isang string na may isang regular na expression. …. …. . .

Kinukuha ang bahagi ng isang string at nagbabalik ng bagong string.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring binigay na posisyon at haba. Nagbabalik ng substring na tinukoy ng panimulang posisyon at pagtatapos.

Kino-convert ang lahat ng mga titik ng isang string sa lowercase, na isinasaalang-alang ang wika ng operating system. Kino-convert ang lahat ng mga titik sa isang string sa uppercase, isinasaalang-alang ang wika ng operating system. Kino-convert ang lahat ng mga titik sa isang string sa lowercase.

Kino-convert ang isang bagay sa isang string.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring Kino-convert ang lahat ng mga titik sa isang string sa uppercase. Ibinabalik ang primitive na halaga ng bagay.) Hindi karaniwang mga pamamaraan ng String object: Ibinabalik ang primitive na halaga ng bagay. Lumilikha HTML bookmark

). Binabalot ang isang string sa mga tag . Binabalot ang isang string sa mga tag …. Lumilikha HTML hyperlink ().") .

Binabalot ang isang string sa mga tag

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring pag-aari ng haba Lumilikha HTML bookmark

). Syntax bagay . Binabalot ang isang string sa mga tag ….haba malaking print. Halimbawa, ipapakita ng statement document.write("My text".big()) ang string na My text sa browser screen.

paraan ng blink

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.blink() Lumilikha HTML bookmark

). kumurap nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag …. Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga paraan ng document.write at document.writeln para ipakita ang text sa kumikislap na font. Tinukoy na mga tag ay hindi bahagi ng HTML na pamantayan at sinusuportahan lamang ng mga browser ng Netscape at WebTV. Halimbawa, ipapakita ng statement document.write("My text".blink()) ang string na My text sa screen ng browser.

matapang na pamamaraan

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.bold() Lumilikha HTML bookmark

). matapang nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag …. Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga pamamaraang document.write at document.writeln upang ipakita ang text sa bold na font. Halimbawa, ipapakita ng operator na document.write("My text".bold()) ang linya .

Yung text ko

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring paraan ng charAt .charAt() Hindi karaniwang mga pamamaraan ng String object: .charAt( posisyon Lumilikha HTML bookmark

). anumang numeric na expression charAt nagbabalik ng string na binubuo ng character na matatagpuan sa ibinigay mga posisyon . primitive na halaga ng string Nagbabalik ng substring. Ang mga posisyon ng character sa linya ay binibilang mula sa zero hanggang . -1. Kung ang posisyon ay nasa labas ng saklaw na ito, babalik ito

walang laman na string

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring. Halimbawa, ipi-print ng statement document.write("String".charAt(0)) ang character C sa screen ng browser. .charAt() Hindi karaniwang mga pamamaraan ng String object: .charAt( posisyon Lumilikha: paraan ng charCodeAt

). anumang numeric na expression.charCodeAt( nagbabalik ng string na binubuo ng character na matatagpuan sa ibinigay mga posisyon . numerong halaga Nagbabalik ng substring. Ang mga posisyon ng character sa linya ay binibilang mula sa zero hanggang nagbabalik ng numerong katumbas ng Unicode code ng character na matatagpuan sa ibinigay. Ang mga posisyon ng character sa linya ay binibilang mula sa zero hanggang NaN.

Halimbawa, ipapakita ang statement document.write("String".charCodeAt(0).toString(16))

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring hexadecimal code Russian letter "S": 421., paraan ng concat, …, .concat() Hindi karaniwang mga pamamaraan ng String object: Russian letter "S": 421., paraan ng concat, …, .concat( linya0 Lumilikha HTML bookmark

). linya1 stringN

Nagbabalik ng substring + Russian letter "S": 421. + paraan ng concat + … + .concat(

anumang string expression

concat

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring nagbabalik ng bagong string na pinagdugtong ng orihinal na string at mga argumento ng pamamaraan. Ang pamamaraang ito ay katumbas ng operasyon Lumilikha HTML bookmark

). Halimbawa, ipapakita ng operator na document.write("Frost and sun.".concat("Wonderful day.")) ang linyang Frost at sun sa screen ng browser. Ito ay isang kahanga-hangang araw. nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag … nakapirming paraan

.fixed()

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring naayos Hindi karaniwang mga pamamaraan ng String object: . Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga paraan ng document.write at document.writeln para ipakita ang text sa isang teletype na font. Halimbawa, ipapakita ng statement document.write("My text".fixed()) ang string na My text sa screen ng browser. Lumilikha HTML bookmark

). paraan ng fontcolor nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag .>….haba .fontcolor(color). Halimbawa, ang statement na document.write("My text".fontcolor("red")) ay magpapakita ng string na My text sa browser screen.

paraan ng laki ng font

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.fontsize( laki) Hindi karaniwang mga pamamaraan ng String object: laki pagpapahayag ng numero Lumilikha HTML bookmark

). laki ng font nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag …. Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga pamamaraang document.write at document.writeln para ipakita ang text sa isang font ibinigay na sukat

. Halimbawa, ang statement document.write("My text".fontsize(5)) ay magpapakita ng string na My text sa browser screen.

Hinahati ang isang string sa isang hanay ng mga substring. mula sa pamamaraan ng CharCode : String.fromCharCode(, code1, …, code2) Hindi karaniwang mga pamamaraan ng String object: : String.fromCharCode(, code1, …, code2 codeN Lumilikha HTML bookmark

). mga numeric na expression mula saCharCode lumilikha ng bagong string (ngunit hindi string object) na isang concatenation Mga character na Unicode : String.fromCharCode(, code1, …, code2.

may mga code Ito static na pamamaraan String bagay

, kaya hindi mo kailangang partikular na lumikha ng string object upang ma-access ito. Halimbawa:

Var s = String.fromCharCode(65, 66, 67); // s ay katumbas ng "ABC"

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring index ng pamamaraan .indexOf([,substring]?) Hindi karaniwang mga pamamaraan ng String object: .indexOf( simulan substring posisyon Lumilikha anumang string expression

). : numerong halaga indexOf ibabalik ang unang posisyon mga substring .. Nagbabalik ng substring substring substring substring substring sa primitive string value Nagbabalik ng substring Nagbabalik ng substring

higit sa

Ang paghahanap ay isinasagawa mula kaliwa hanggang kanan. Kung hindi, ang pamamaraang ito ay magkapareho sa pamamaraan.

Binibilang ng sumusunod na halimbawa ang bilang ng mga paglitaw ng pattern ng substring sa string str .

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring Naganap ang function(str, pattern) ( var pos = str.indexOf(pattern); para sa (var count = 0; pos != -1; count++) pos = str.indexOf(pattern, pos + pattern.length); return count ;) Lumilikha HTML bookmark

). Paraan ng Italic nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag ….italics() Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga pamamaraang document.write at document.writeln upang ipakita ang text sa bold na font. Halimbawa, ipapakita ng operator na document.write("My text".bold()) ang linya .

italics

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring. .indexOf([,substring]?) Hindi karaniwang mga pamamaraan ng String object: .indexOf( simulan substring posisyon Lumilikha anumang string expression

). Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga paraan ng document.write at document.writeln para ipakita ang text sa italic font. Halimbawa, ipapakita ng operator na document.write("My text".italics()) ang linya hulingIndexOf na pamamaraan ibabalik ang unang posisyon.lastIndexOf( . Nagbabalik ng substring hulingIndexOf substring ibinabalik ang huling posisyon substring sa primitive string value substring. -1. Kung ang isang opsyonal na argumento ay ibinigay, pagkatapos ay isinasagawa ang paghahanap simula sa posisyon substring sa primitive string value Nagbabalik ng substring; Nagbabalik ng substring kung hindi, pagkatapos ay mula sa posisyon 0, ibig sabihin, mula sa unang character ng linya. Kung

negatibo, pagkatapos ito ay tinatanggap

katumbas ng zero

; Kung

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring. -1, pagkatapos ito ay kinuha pantay . -1.) Hindi karaniwang mga pamamaraan ng String object: . -1. Kung ang bagay ay hindi naglalaman ng substring na ito, ibabalik ang halaga -1. Lumilikha HTML bookmark

). Ang paghahanap ay isinasagawa mula kanan hanggang kaliwa. Kung hindi, ang pamamaraang ito ay magkapareho sa pamamaraan. nagbabalik ng string na binubuo ng primitive string value . Halimbawa:"> . Walang pagsusuri upang makita kung ang pinagmulang string ay nakapaloob na sa loob ng mga tag na ito. Ginagamit ang paraang ito kasabay ng mga pamamaraan ng document.write at document.writeln upang lumikha ng hyperlink sa isang HTML na dokumento na may tinukoy na . -1.. Halimbawa, ang statement document.write("My Text".link("#Bookmark")) ay katumbas ng statement document.write("My Text") .

localeCompare method

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.localeCompare( paraan ng concat) Hindi karaniwang mga pamamaraan ng String object: paraan ng concat Kung ang bagay ay hindi naglalaman ng substring na ito, ibabalik ang halaga -1. Lumilikha: numero

Suporta

). localeCompare inihahambing ang dalawang string na isinasaalang-alang ang mga pambansang setting ng operating system. Nagbabalik ito -1 kung primitive na halaga . mas kaunti mga linya1, +1 kung ito ay mas malaki mga linya1, at 0 kung pareho ang mga value na ito.

paraan ng pagtutugma

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.match( Regvyr) Hindi karaniwang mga pamamaraan ng String object: Regvyr Lumilikha: hanay ng mga string

). tugma Regvyr .. Ang resulta ng tugma ay isang hanay ng mga nahanap na substring o null, kung walang tugma. Sa kasong ito:

• Kung Regvyr ay hindi naglalaman ng opsyon pandaigdigang paghahanap, pagkatapos ay isinasagawa ang pamamaraan Regvyr.exec(Nagbabalik ng substring) at ibinalik ang resulta nito. Ang resultang array ay naglalaman ng natagpuang substring sa elementong may index 0, at ang natitirang mga elemento ay naglalaman ng mga substring na tumutugma sa mga subexpression. Regvyr, nakapaloob sa panaklong.
• Kung Regvyr naglalaman ng pandaigdigang opsyon sa paghahanap, pagkatapos ay ang paraan Regvyr.exec(Nagbabalik ng substring) ay isinasagawa hangga't natagpuan ang mga tugma. Kung ang n ay ang bilang ng mga tugma na natagpuan, ang resulta ay isang hanay ng mga n elemento na naglalaman ng mga nahanap na substring. Ari-arian Regvyr.hulingIndex nagtalaga ng numero ng posisyon sa pinagmulang string na tumuturo sa unang character pagkatapos na mahanap ang huling tugma, o 0 kung walang nakitang tugma.

Dapat tandaan na ang pamamaraan Regvyr.exec nagbabago ng mga katangian ng bagay Regvyr. Mga halimbawa:

palitan ang paraan

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.palitan( Regvyr,linya) Nagbabalik ng substring.palitan( Regvyr,function) Hindi karaniwang mga pamamaraan ng String object: Regvyr regular na expression string expression ng string function pangalan ng function o deklarasyon ng function Lumilikha: bagong linya

). palitan tumutugma sa regular na expression Regvyr na may primitive na halaga ng string . at pinapalitan ang nahanap na mga substring ng iba pang mga substring. Ang resulta ay isang bagong string, na isang kopya ng orihinal na string na may mga ginawang kapalit. Ang paraan ng pagpapalit ay tinutukoy ng pandaigdigang opsyon sa paghahanap sa Regvyr at ang uri ng pangalawang argumento.

Kung Regvyr ay hindi naglalaman ng pandaigdigang opsyon sa paghahanap, pagkatapos ay isinasagawa ang paghahanap para sa unang substring na tumutugma Regvyr at ito ay pinalitan. Regvyr Kung Regvyr naglalaman ng pandaigdigang opsyon sa paghahanap, pagkatapos ay tumutugma ang lahat ng mga substring

linya, at sila ay pinalitan. , pagkatapos ang bawat nahanap na substring ay papalitan nito. Sa kasong ito, maaaring maglaman ang linya ng mga sumusunod na katangian ng object, tulad ng $1 , , $9 , lastMatch , lastParen , leftContext at rightContext .

Halimbawa, ipapakita ng operator na document.write("Masarap na mansanas, makatas na mansanas.".replace(/apples/g, "pears")) ang string na Masarap na peras, makatas na peras sa screen ng browser. function Kung ang pangalawang argumento ay Regvyr, pagkatapos ang bawat substring na natagpuan ay papalitan sa pamamagitan ng pagtawag sa function na ito. Ang function ay may mga sumusunod na argumento. Ang unang argumento ay ang natagpuang substring, na sinusundan ng mga argumentong tumutugma sa lahat ng subexpression palitan, na nakapaloob sa mga panaklong, ang penultimate argument ay ang posisyon ng natagpuang substring sa source string, na binibilang mula sa zero, at ang huling argumento ay ang source string mismo. Ang sumusunod na halimbawa ay nagpapakita kung paano gamitin ang pamamaraan

maaari kang magsulat ng isang function upang i-convert ang Fahrenheit sa Celsius. Ang ibinigay na senaryo

Function myfunc($0,$1) ( return (($1-32) * 5 / 9) + "C"; ) function f2c(x) ( var s = String(x); return s.replace(/(\d+( \.\d*)?)F\b/, myfunc); document.write(f2c("212F"));

ay ipapakita ang linyang 100C sa screen ng browser. Regvyr.

Pakitandaan na binabago ng pamamaraang ito ang mga katangian ng bagay

Palitan ang halimbawa

Pinapalitan ang lahat ng paglitaw ng isang substring sa isang string

Madalas na nangyayari na kailangan mong palitan ang lahat ng paglitaw ng isang string ng isa pang string:

Var str = "foobarfoobar"; str=str.replace(/foo/g,"xxx"); // ang magiging resulta ay str = "xxxbarxxxbar";

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring paraan ng paghahanap Regvyr) Hindi karaniwang mga pamamaraan ng String object: Regvyr.search( Lumilikha anumang regular na expression

). : numeric na expression tumutugma sa regular na expression Regvyr na may primitive na halaga ng string . paghahanap Regvyr. Ang resulta ng tugma ay ang posisyon ng unang substring na natagpuan, pagbibilang mula sa zero, o -1 kung walang mga tugma. Kasabay nito, ang pandaigdigang opsyon sa paghahanap sa Regvyr ay binabalewala, at mga ari-arian

huwag kang magbago.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring Mga halimbawa: substring [,paraan ng paghiwa]?) Hindi karaniwang mga pamamaraan ng String object: substring At paraan ng paghiwa.hiwa( Lumilikha: bagong linya

). wakas . anumang mga numerical expression substring hiwain paraan ng paghiwa, mula sa posisyon paraan ng paghiwa substring sa posisyon

, nang hindi kasama ito. Kung Nagbabalik ng substring at hanggang sa dulo ng orihinal na linya. substring Nagbabalik ng substring. +substring Ang mga posisyon ng character sa linya ay binibilang mula sa zero hanggang paraan ng paghiwa. -1. Nagbabalik ng substring. +paraan ng paghiwa Kung ang halaga

.

Kung ang halaga

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring negatibo, pagkatapos ito ay papalitan ng Lumilikha HTML bookmark

). . nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag ….haba Sa madaling salita, ang mga negatibong argumento ay itinuturing bilang mga offset mula sa dulo ng string. Ang resulta ay isang string value, hindi isang string object. Halimbawa, ipi-print ng statement document.write("ABCDEF".slice(2,-1)) ang string CDE sa screen ng browser.

maliit na paraan

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.small() maliit [,maliit na letra]?) Hindi karaniwang mga pamamaraan ng String object: maliit. Halimbawa, ipapakita ng statement document.write("My text".small()) ang string na My text sa browser screen. maliit na letra pagpapahayag ng numero Lumilikha paraan ng split .split()

). separator numero . sa isang hanay ng mga substring at ibinabalik ito. Ang paghahati sa mga substring ay ginagawa tulad ng sumusunod. Ang source string ay ini-scan mula kaliwa hanggang kanan na hinahanap delimiter. Kapag ito ay natagpuan, ang substring mula sa dulo ng nakaraang delimiter (o mula sa simula ng linya kung ito ang unang paglitaw ng delimiter) hanggang sa simula ng isa na natagpuan ay idaragdag sa substring array. Kaya, ang separator mismo ay hindi lilitaw sa teksto ng substring.

Opsyonal na argumento maliit na letra tumutukoy sa maximum na posibleng laki ng resultang array. Kung ito ay tinukoy, pagkatapos ay pagkatapos ng pagpili mga numero Lalabas ang paraan ng substring kahit na hindi pa tapos ang pag-scan ng orihinal na string.

Separator maaaring tukuyin alinman bilang isang string o bilang isang regular na expression. Mayroong ilang mga kaso na nangangailangan ng espesyal na pagsasaalang-alang:

Ang sumusunod na halimbawa ay gumagamit ng isang regular na expression upang tukuyin Mga HTML tag bilang isang separator. Operator

ipapakita ang linyang Text, bold, at italic sa screen ng browser.

paraan ng strike

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.strike() Lumilikha HTML bookmark

). strike nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag ….

Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga paraan ng document.write at document.writeln upang ipakita ang text sa isang strikethrough na font. Halimbawa, ipapakita ng statement document.write("My text".strike()) ang string na My text sa screen ng browser.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring sub na pamamaraan Lumilikha HTML bookmark

). .sub() nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag  sub

.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga pamamaraang document.write at document.writeln upang ipakita ang text bilang subscript. Halimbawa, ipapakita ng statement document.write("My text".sub()) ang string na My text sa browser screen. .charAt( [,paraan ng substr]?) Hindi karaniwang mga pamamaraan ng String object: .charAt( At paraan ng substr codeN Lumilikha HTML bookmark

). substr.substr( . haba nagbabalik ng string na binubuo ng character na matatagpuan sa ibinigay nagbabalik ng substring ng primitive na halaga ng isang string paraan ng substr simula dito paraan ng substr at naglalaman ng nagbabalik ng string na binubuo ng character na matatagpuan sa ibinigay mga karakter. Kung paraan ng substr ay hindi tinukoy, pagkatapos ay ibabalik ang isang substring simula sa ibinigay na isa

, nang hindi kasama ito. Kung Nagbabalik ng substring at hanggang sa dulo ng orihinal na linya. Kung .charAt( ay negatibo o zero, isang walang laman na string ang ibinalik. Nagbabalik ng substring. -1. .charAt( Kung Nagbabalik ng substring.+.charAt(.

Tandaan mas malaki kaysa o katumbas ng .charAt(., pagkatapos ay ibinalik ang isang walang laman na string. Kung ay negatibo, pagkatapos ito ay binibigyang kahulugan bilang isang offset mula sa dulo ng linya, ibig sabihin, ito ay pinalitan ng. Kung

ay negatibo, kung gayon

Internet Explorer

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring nagkakamali na pinapalitan ito ng 0, kaya para sa mga kadahilanang compatibility ay hindi dapat gamitin ang opsyong ito. substring [,paraan ng paghiwa]) Hindi karaniwang mga pamamaraan ng String object: substring At paraan ng paghiwa codeN Lumilikha HTML bookmark

). Var src = "abcdef"; var s1 = src.substr(1, 3); // "bcd" var s2 = src.substr(1); // "bcdef" var s3 = src.substr(-1); // "f", ngunit sa MSIE: "abcdef".substr( . anumang mga numerical expression substring hiwain paraan ng paghiwa, mula sa posisyon paraan ng paghiwa pamamaraan ng substring substring sa posisyon

, nang hindi kasama ito. Kung Nagbabalik ng substring.substring( nagbabalik ng numerong katumbas ng Unicode code ng character na matatagpuan sa ibinigay ay pinalitan ng zero; kung ang argument ay mas malaki kaysa sa haba ng orihinal na string, ito ay papalitan nito. Kung substring higit pa wakas, pagkatapos ay lumipat sila ng lugar. Kung substring katumbas wakas, pagkatapos ay ibinalik ang isang walang laman na string.

Ang resulta ay isang string value, hindi isang string object. Mga halimbawa:

Var src = "abcdef"; var s1 = src.substring(1, 3); // "bc" var s2 = src.substring(1, -1); // "a" var s3 = src.substring(-1, 1); // "a"

paraan ng sup

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring.sup() Lumilikha HTML bookmark

). sup nagbabalik ng string na binubuo ng primitive string value . Binabalot ang isang string sa mga tag .

Walang pagsusuri upang makita kung ang orihinal na string ay nakapaloob na sa mga tag na ito. Ginagamit ang paraang ito kasabay ng mga pamamaraang document.write at document.writeln upang ipakita ang text bilang superscript. Halimbawa, ipapakita ng statement document.write("My text".sup()) ang string na My text sa browser screen.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring toLocaleLowerCase Method Lumilikha.toLocaleLowerCase()

Suporta: bagong linya

). : Suportado ang Internet Explorer mula sa bersyon 5.5. Hindi suportado ang Netscape Navigator. saLocaleLowerCase

nagbabalik ng bagong string kung saan ang lahat ng letra ng orihinal na string ay pinapalitan ng maliliit na letra, na isinasaalang-alang ang mga setting ng locale ng operating system. Ang natitirang mga character ng orihinal na string ay hindi binago. Ang orihinal na string ay nananatiling pareho. Karaniwan ang pamamaraang ito ay nagbabalik ng parehong resulta bilang ; ang pagkakaiba ay posible lamang kung ang pag-encode ng wika ay sumasalungat sa mga panuntunan ng Unicode para sa pag-convert ng malalaking titik sa maliliit na titik.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring paraang toLocaleUpperCase Lumilikha.toLocaleLowerCase()

Suporta: bagong linya

). .toLocaleUpperCase() saLocaleUpperCase

nagbabalik ng bagong string kung saan ang lahat ng letra ng orihinal na string ay pinapalitan ng malalaking titik, na isinasaalang-alang ang mga setting ng lokal ng operating system. Ang natitirang mga character ng orihinal na string ay hindi binago. Ang orihinal na string ay nananatiling pareho. Karaniwan ang pamamaraang ito ay nagbabalik ng parehong resulta bilang ; ang pagkakaiba ay posible lamang kung ang pag-encode ng wika ay sumasalungat sa mga panuntunan ng Unicode para sa pag-convert ng mga maliliit na titik sa malalaking titik.

Hinahati ang isang string sa isang hanay ng mga substring. : Nagbabalik ng substring toLowerCase na paraan Lumilikha: bagong linya

). .toLowerCase() saLowerCase

nagbabalik ng bagong string na ang lahat ng letra ng orihinal na string ay pinalitan ng maliliit na letra. Ang natitirang mga character ng orihinal na string ay hindi binago. Ang orihinal na string ay nananatiling pareho. Halimbawa, ipi-print ng statement document.write("String object".toLowerCase()) ang string object sa screen ng browser. Pagbati sa lahat na lubusang nagpasya na matuto ng prototype-oriented na wika. Huling beses kong sinabi sa iyo ang tungkol sa , at ngayon ay i-parse natin ang mga string ng JavaScript. Dahil sa wikang ito ang lahat mga elemento ng teksto

Iyon ang dahilan kung bakit sa publikasyong ito sasabihin ko sa iyo kung paano nilikha ang mga elemento ng string, anong mga pamamaraan at katangian ang ibinigay para sa kanila, kung paano i-convert nang tama ang mga string, halimbawa, i-convert sa isang numero, kung paano mo makukuha ang nais na substring at marami pa. Bilang karagdagan dito, maglalagay ako ng mga halimbawa code ng programa. Ngayon ay bumaba tayo sa negosyo!

String variable syntax

Sa wikang js, ang lahat ng mga variable ay ipinahayag gamit keyword var, at pagkatapos, depende sa format ng mga parameter, ang uri ng ipinahayag na variable ay tinutukoy. Tulad ng naaalala mo mula sa JavaScript, walang malakas na pag-type. Iyon ang dahilan kung bakit umiiral ang sitwasyong ito sa code.

Sa pagsisimula variable na halaga maaaring i-frame sa double, single, at simula sa 2015, sa skewed single quotes. Sa ibaba ay nag-attach ako ng mga halimbawa ng bawat paraan ng pagdedeklara ng mga string.

gusto kong ibigay espesyal na atensyon ikatlong paraan. Ito ay may isang bilang ng mga pakinabang.

Sa tulong nito, madali kang magsagawa ng line break at magiging ganito ito:

alerto(`ilang

Lilipat ako

At ang pangatlong paraan ay nagbibigay-daan sa iyo na gamitin ang $(...) construction. Ang tool na ito ay kinakailangan upang magpasok ng interpolation. Huwag kang mag-alala, ngayon sasabihin ko sa iyo kung ano ito.

Salamat sa $(…) maaari mong ipasok hindi lamang ang mga halaga ng mga variable sa mga linya, ngunit magsagawa rin ng aritmetika at lohikal na operasyon, mga paraan ng tawag, function, atbp. Ang lahat ng ito ay tinatawag na isang termino - interpolation. Tingnan ang isang halimbawa ng pagpapatupad ng diskarteng ito.

1 2 3

var pen = 3; var lapis = 1; alert(`$(panulat) + $(lapis*5) = $(panulat + lapis)`);

var pen = 3; var lapis = 1; alert(`$(panulat) + $(lapis*5) = $(panulat + lapis)`);

Bilang resulta, ang expression na "3 + 1*5 = 8" ay ipapakita sa screen.

Tulad ng para sa unang dalawang paraan ng pagdedeklara ng mga string, walang pagkakaiba sa kanila.

Pag-usapan natin ng kaunti ang tungkol sa mga espesyal na karakter

Maraming mga programming language ang mayroon mga espesyal na karakter, na tumutulong sa pamamahala ng teksto sa mga linya. Ang pinakasikat sa kanila ay line break (\n).

Ang lahat ng katulad na tool ay nagsisimula sa isang backslash (\) at sinusundan ng mga titik ng alpabetong Ingles.

Sa ibaba ay nag-attach ako ng isang maliit na talahanayan na naglilista ng ilang mga espesyal na character.

Nag-i-stock kami sa isang mabigat na arsenal ng mga pamamaraan at katangian

Ang mga developer ng wika ay nagbigay ng maraming pamamaraan at katangian upang pasimplehin at i-optimize ang pagtatrabaho sa mga string. At sa paglabas ng bagong pamantayan na tinatawag na ES-2015 noong nakaraang taon, ang listahang ito ay napunan ng mga bagong tool.

Ang haba

Magsisimula ako sa pinakasikat na pag-aari, na tumutulong upang malaman ang haba ng mga halaga ng mga variable ng string. Ito Kino-convert ang lahat ng mga titik sa isang string sa uppercase, isinasaalang-alang ang wika ng operating system.. Ito ay ginagamit sa ganitong paraan:

var string = "Mga Unicorn";

alerto(string.length);

Ipapakita ng sagot ang numero 9. Ang property na ito ay maaari ding ilapat sa mga value mismo:

"Mga Unicorn". haba;

Hindi magbabago ang resulta.

charAt()

Ang pamamaraang ito ay nagbibigay-daan sa iyo upang hilahin tiyak na karakter mula sa text. Ipaalala ko sa iyo na ang pagnunumero ay nagsisimula sa zero, kaya para makuha ang unang character mula sa isang string, kailangan mong isulat ang mga sumusunod na command:

var string = "Mga Unicorn";

alert(string.charAt(0));.

Gayunpaman, ang magiging resulta ay hindi isang uri ng character;

Mula toLowerCase() to UpperCase()

Kinokontrol ng mga pamamaraang ito ang kaso ng mga character. Kapag isinusulat ang code na "Nilalaman".

toUpperCase() ang buong salita ay ipapakita sa malalaking titik.

Para sa kabaligtaran na epekto, dapat mong gamitin ang "Nilalaman". toLowerCase().

indexOf()

Demanded at ang tamang lunas para maghanap ng substring. Bilang argumento, kailangan mong ipasok ang salita o parirala na gusto mong hanapin, at ibabalik ng pamamaraan ang posisyon ng nahanap na elemento. Kung ang hinanap na teksto ay hindi natagpuan, "-1" ay ibabalik sa gumagamit.

1 2 3 4

var text = "Ayusin ang paghahanap ng bulaklak!"; alert(text.indexOf("kulay")); //19 alert(text.indexOf(" ")); //12 alert(text.lastIndexOf(" ")); //18

var text = "Ayusin ang paghahanap ng bulaklak!"; alert(text.indexOf("kulay")); //19 alert(text.indexOf(" ")); //12 alert(text.lastIndexOf(" ")); //18

Tandaan na ang lastIndexOf() ay gumagawa ng parehong bagay, tanging ito ay naghahanap mula sa dulo ng pangungusap.

Pagkuha ng substring

Para sa pagkilos na ito, tatlong humigit-kumulang magkaparehong pamamaraan ang nilikha sa js.

Tingnan muna natin substring (simula, wakas) At hiwa (simula, wakas). Pareho silang nagtatrabaho. Tinutukoy ng unang argumento ang panimulang posisyon kung saan magsisimula ang pagkuha, at ang pangalawa ay responsable para sa panghuling hinto. Sa parehong mga pamamaraan, ang string ay nakuha nang hindi kasama ang character na matatagpuan sa dulong posisyon.

var text = "Atmosphere"; alert(text.substring(4)); // ay magpapakita ng "sphere" alert (text.substring(2, 5)); //display "mos" alert(text.slice(2, 5)); //ipakita ang "mos"

Ngayon tingnan natin ang ikatlong paraan, na tinatawag substr(). Kailangan din nitong magsama ng 2 argumento: simulan At Kino-convert ang lahat ng mga titik sa isang string sa uppercase, isinasaalang-alang ang wika ng operating system..

Ang una ay tumutukoy sa panimulang posisyon, at ang pangalawa ay tumutukoy sa bilang ng mga character na kukunin. Upang masubaybayan ang mga pagkakaiba sa pagitan ng tatlong tool na ito, ginamit ko ang nakaraang halimbawa.

var text = "Atmosphere";

alert(text.substr(2, 5)); //ipakita ang "mosfe"

Gamit inilipat na pondo Sa pamamagitan ng pagkuha ng mga substring, maaari mong alisin ang mga hindi kinakailangang character mula sa mga bagong elemento ng linya kung saan gumagana ang program.

Tumugon()

Nakakatulong ang paraang ito na palitan ang mga character at substring sa text. Maaari rin itong gamitin sa pagpapatupad pandaigdigang kapalit, ngunit para dito kailangan mong isama ang mga regular na expression.

Papalitan ng halimbawang ito ang substring sa unang salita lamang.

var text = "Atmosphere Atmosphere"; var newText = text.replace("Atmo","Strato") alert(newText) // Resulta: Stratosphere Atmosphere

At dito pagpapatupad ng software dahil sa bandila regular na pagpapahayag Ang "g" ay papalitan sa buong mundo.

var text = "Atmosphere Atmosphere"; var newText = text.replace(/Atmo/g,"Strato") alert(newText) // Resulta: Stratosphere Stratosphere

Gawin natin ang conversion

Nagbibigay lamang ang JavaScript ng tatlong uri ng conversion ng uri ng object:

1. Numeric;
2. String;
3. Boolean.

Sa kasalukuyang publikasyon ay magsasalita ako tungkol sa 2 sa kanila, dahil ang kaalaman tungkol sa mga ito ay mas kinakailangan para sa pagtatrabaho sa mga string.

Numeric na conversion

Upang tahasang i-convert ang value ng isang elemento sa isang numeric na form, maaari mong gamitin Numero (halaga).

Mayroon ding mas maikling expression: +"999".

var a = Numero("999");

Pag-convert ng string

Isinasagawa ng function alerto, pati na rin ang isang tahasang tawag String(teksto).

1 2 3

alerto (999+ "super price") var text = String(999) alert(text === "999");

alerto (999+ "super price") var text = String(999) alert(text === "999");

Sa talang ito, nagpasya akong tapusin ang aking trabaho. Mag-subscribe sa aking blog at huwag kalimutang ibahagi ang link dito sa iyong mga kaibigan. I wish you good luck sa pag-aaral mo. paalam na!

Pinakamahusay na pagbati, Roman Chueshov

Basahin: 130 beses

Hello! Sa araling ito, titingnan natin kung paano ka makakagawa ng string at mga function para sa pagtatrabaho sa mga string sa JavaScript. Sa prinsipyo, sa JavaScript, ang anumang text variable ay isang string, dahil ang JavaScript ay hindi isang malakas na na-type na programming language (basahin ang tungkol sa mga uri ng data). At din upang gumana sa mga string ang String class ay ginagamit:

Var name1 = "Tommy";

Kaya gamitin ang String constructor:

Var name1 = bagong String("Tommy");

Ang unang paraan ay pangunahing ginagamit, marahil dahil ito ay mas maikli.

Klase para magtrabaho kasama String ay nasa arsenal nito ng isang medyo malaking hanay ng mga katangian at pag-andar kung saan maaari kang magsagawa ng iba't ibang mga manipulasyon gamit ang mga string.

Haba ng string

Ang pag-aari ng haba ay nagpapahintulot sa iyo na itakda ang haba ng string. Ang ari-arian na ito nagbabalik ng numero:

Var hello1 = "hello world"; document.write("Sa linyang "" + hello + "" " + hello1.length + " characters");

Maghanap sa isang string

Upang makahanap ng isang tiyak na substring sa isang string, ang mga function na indexOf() (ibinabalik ang index ng unang paglitaw ng substring) at lastIndexOf() (ibinabalik ang index ng huling paglitaw ng substring) ay ginagamit. Ang mga function na ito ay tumatagal ng dalawang argumento:

• Ang substring na talagang kailangang mahanap
• Isang opsyonal na argumento na tumutukoy kung aling character ang hahanapin ng isang substring sa isang string

Pareho sa mga function na ito ay nagbabalik ng isang numero, na siyang index ng character kung saan nagsisimula ang substring sa string. Kung hindi mahanap ang substring, ibabalik ang numero -1. Samakatuwid, ang mga function na ito ay ginagamit sa mga lohikal na operator, dahil bilang isang panuntunan, kailangan mo lamang suriin kung ang isang string ay naglalaman ng isang substring o hindi, pagkatapos sa kasong ito ang resulta ng mga function na ito ay inihambing sa -1.

Var str1 = "Kumusta Vasya!"; var podstr = "Petya"; if(str.indexOf(podstr) == -1)( document.write("Hindi nahanap ang substring."); ) else (document.write("Nakahanap ng substring."); )

Sa halimbawa, ipapakita ang mensaheng "Substring not found", dahil ang string na "Petya" ay hindi nakapaloob sa string na "Hello Vasya!".

Pagpili ng substring

Upang i-cut ang isang substring mula sa isang string, ang mga function tulad ng substr() at substring() ay ginagamit.

Ang substring() function ay tumatagal ng 2 argumento:

• ang panimulang posisyon ng karakter sa linya, simula sa kung saan ang linya ay trimmed
• dulo na posisyon kung saan dapat i-trim ang string

var hello1 = "hello world. Goodbye world"; var world1 = hello1.substring(7, 10); //from 7th to 10th index document.write(world1); //mundo

Kinukuha din ng substr() function ang panimulang index ng substring bilang 1st parameter, at ang haba ng substring bilang 2nd parameter:

Var hello1 = "hello world. Goodbye world"; var bye1 = hello1.substr(12, 2); document.write(bye1);//Noon

At kung ang 2nd parameter ay hindi tinukoy, ang linya ay puputulin hanggang sa dulo:

Var hello1 = "hello world. Goodbye world"; var bye1 = hello1.substr(12); document.write(bye1); //bye peace

Kontrol ng kaso ng sulat

Upang baguhin ang kaso ng mga titik, iyon ay, upang gawing maliit o malaki ang lahat ng mga titik, ang toLowerCase() function ay ginagamit (upang i-convert ang mga character sa maliit na titik, iyon ay, lahat ng mga titik ay magiging maliit) at toUpperCase() (upang i-convert ang mga character sa malaking titik, ibig sabihin, lahat ng letra ay magiging malaki).

Var hello1 = "Hello Jim"; document.write(hello1.toLowerCase() + "
"); //hi Jim document.write(hello1.toUpperCase() + "
"); //HELLO JIM

Pagkuha ng simbolo sa pamamagitan ng index nito

Upang makahanap ng isang partikular na character sa isang string sa pamamagitan ng index nito, ang charAt() at charCodeAt() function ay ginagamit. Ang parehong mga pag-andar na ito ay kumukuha ng index ng character bilang isang argumento:

Var hello1 = "Hello Jim"; document.write(hello1.charAt(3) + "
"); //in document.write(hello1.charCodeAt(3) + "
"); //1080

Ngunit kung ibabalik lang ng charAt() function ang character mismo bilang resulta ng trabaho nito, ibabalik ng charCodeAt() function ang numeric Unicode code ng character na ito.

Pag-alis ng mga puwang

Upang alisin ang mga puwang sa isang string, gamitin ang trim() function:

Var hello1 = "Hello Jim"; var beforeLen = hello1.length; hello1 = hello1.trim(); var afterLen = hello1.length; document.write("Haba ng linya hanggang sa: " + beforeLen + "
"); //15 document.write("Haba ng linya pagkatapos ng: " + afterLen + "
"); //10

Pinagsasama-samang Strings

Ang concat() function ay nagbibigay-daan sa iyo upang pagsamahin ang 2 string:

Var hello1 = "Hello"; var world1 = "Vasya"; hello1 = hello1.concat(world1); document.write(hello); //Kumusta Vasya

Pagpapalit ng substring

Ang replace() function ay nagpapahintulot sa iyo na palitan ang isang substring sa isa pa:

Var hello1 = "Magandang hapon"; hello1 = hello1.replace("araw", "gabi"); document.write(hello1); //Magandang gabi

Ang unang argument ng function ay nagpapahiwatig kung aling substring ang dapat palitan, at ang 2nd argument ay nagpapahiwatig kung aling substring ang dapat palitan.

Paghahati ng string sa isang array

Binibigyang-daan ka ng split() function na hatiin ang isang string sa isang hanay ng mga substring gamit ang isang partikular na delimiter. Maaari kang gumamit ng isang string na ipinapasa sa pamamaraan:

Var mes = "Maganda ang panahon ngayon"; var stringArr = mes.split(" "); for(var str1 sa stringArr) document.write(stringArr + "
");

RESULTA

Maaaring malikha ang mga string gamit lamang ang isang regular na variable, ilagay lamang ang teksto dito, o gamit ang klase ng String.

Para malaman ang haba ng isang string, gamitin ang length property.

Ang mga string ay inihambing sa bawat titik. Samakatuwid, kung mayroong isang numero sa isang string, kung gayon ang mga naturang numero ay maaaring maihambing nang hindi tama para dito, ang string ay kailangang ma-convert sa uri numero (basahin ang tungkol sa klase ng Numero).

Gayundin, kapag naghahambing ng mga string, dapat mong isaalang-alang ang kaso ng mga titik. malaking titik mas mababa sa isang maliit, at ang titik е ay nasa labas ng alpabeto sa pangkalahatan.

MGA GAWAIN

Pagbabago ng case ng huling titik sa isang string

Sumulat ng isang function lastLetterStr(str) na magbabago sa kaso ng huling titik, na ginagawa itong malaking titik.

Spam check

Sumulat ng isang function na provSpam(str) na susuri sa isang string para sa pagkakaroon ng mga substring: “spam”, “sex”, “xxx”. At ibalik ang true kung mayroong substring data at false kung hindi man.

Hanapin ang numero

Sumulat ng isang function na extrNum(str) na nakakakuha ng isang numero mula sa isang string kung ang string ay naglalaman ng isang numero at ang function ng numero ay dapat bumalik. Halimbawa, mayroong isang linya na "120 UAH" na kailangang ibalik mula sa linya 120.

At para mapalakas ito, panoorin ang video sa pagtatrabaho sa mga string sa JavaScript.