1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
|
---
title: 'String: מחרוזת'
slug: Web/JavaScript/Reference/Global_Objects/String
tags:
- ECMAScript 2015
- JavaScript
- NeedsTranslation
- Reference
- String
- TopicStub
translation_of: Web/JavaScript/Reference/Global_Objects/String
---
<div>{{JSRef}}</div>
<p>The <strong><code>String</code></strong> global object is a constructor for strings or a sequence of characters.</p>
<h2 id="תחביר">תחביר</h2>
<p>String literals take the forms:</p>
<pre class="syntaxbox">'string text'
"string text"
"中文 español Deutsch English देवनागरी العربية português বাংলা русский 日本語 ਪੰਜਾਬੀ 한국어 தமிழ் עברית"</pre>
<p>Strings can also be created using the <code>String</code> global object directly:</p>
<pre class="syntaxbox">String(thing)</pre>
<h3 id="Parameters">Parameters</h3>
<dl>
<dt><code>thing</code></dt>
<dd>Anything to be converted to a string.</dd>
</dl>
<h3 id="Template_literals">Template literals</h3>
<p>Starting with ECMAScript 2015, string literals can also be so-called <a href="/en-US/docs/Web/JavaScript/Reference/Template_literals">Template literals</a>:</p>
<pre class="syntaxbox">`hello world`
`hello!
world!`
`hello ${who}`
escape `<a>${who}</a>`</pre>
<dl>
</dl>
<h3 id="Escape_notation">Escape notation</h3>
<p>Besides regular, printable characters, special characters can be encoded using escape notation:</p>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Code</th>
<th scope="col">Output</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>\XXX</code></td>
<td>an octal Latin-1 character.</td>
</tr>
<tr>
<td><code>\'</code></td>
<td>single quote</td>
</tr>
<tr>
<td><code>\"</code></td>
<td>double quote</td>
</tr>
<tr>
<td><code>\\</code></td>
<td>backslash</td>
</tr>
<tr>
<td><code>\n</code></td>
<td>new line</td>
</tr>
<tr>
<td><code>\r</code></td>
<td>carriage return</td>
</tr>
<tr>
<td><code>\v</code></td>
<td>vertical tab</td>
</tr>
<tr>
<td><code>\t</code></td>
<td>tab</td>
</tr>
<tr>
<td><code>\b</code></td>
<td>backspace</td>
</tr>
<tr>
<td><code>\f</code></td>
<td>form feed</td>
</tr>
<tr>
<td><code>\uXXXX</code></td>
<td>unicode codepoint</td>
</tr>
<tr>
<td><code>\u{X}</code> ... <code>\u{XXXXXX}</code></td>
<td>unicode codepoint {{experimental_inline}}</td>
</tr>
<tr>
<td><code>\xXX</code></td>
<td>the Latin-1 character</td>
</tr>
</tbody>
</table>
<div class="note">
<p>Unlike some other languages, JavaScript makes no distinction between single-quoted strings and double-quoted strings; therefore, the escape sequences above work in strings created with either single or double quotes.</p>
</div>
<dl>
</dl>
<h3 id="Long_literal_strings">Long literal strings</h3>
<p>Sometimes, your code will include strings which are very long. Rather than having lines that go on endlessly, or wrap at the whim of your editor, you may wish to specifically break the string into multiple lines in the source code without affecting the actual string contents. There are two ways you can do this.</p>
<p>You can use the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition_()">+</a> operator to append multiple strings together, like this:</p>
<pre class="brush: js">let longString = "This is a very long string which needs " +
"to wrap across multiple lines because " +
"otherwise my code is unreadable.";
</pre>
<p>Or you can use the backslash character ("\") at the end of each line to indicate that the string will continue on the next line. Make sure there is no space or any other character after the backslash (except for a line break), or as an indent; otherwise it will not work. That form looks like this:</p>
<pre class="brush: js">let longString = "This is a very long string which needs \
to wrap across multiple lines because \
otherwise my code is unreadable.";
</pre>
<p>Both of these result in identical strings being created.</p>
<h2 id="תיאור">תיאור</h2>
<p>Strings are useful for holding data that can be represented in text form. Some of the most-used operations on strings are to check their {{jsxref("String.length", "length")}}, to build and concatenate them using the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/String_Operators">+ and += string operators</a>, checking for the existence or location of substrings with the {{jsxref("String.prototype.indexOf()", "indexOf()")}} method, or extracting substrings with the {{jsxref("String.prototype.substring()", "substring()")}} method.</p>
<h3 id="Character_access">Character access</h3>
<p>There are two ways to access an individual character in a string. The first is the {{jsxref("String.prototype.charAt()", "charAt()")}} method:</p>
<pre class="brush: js">return 'cat'.charAt(1); // returns "a"
</pre>
<p>The other way (introduced in ECMAScript 5) is to treat the string as an array-like object, where individual characters correspond to a numerical index:</p>
<pre class="brush: js">return 'cat'[1]; // returns "a"
</pre>
<p>For character access using bracket notation, attempting to delete or assign a value to these properties will not succeed. The properties involved are neither writable nor configurable. (See {{jsxref("Object.defineProperty()")}} for more information.)</p>
<h3 id="Comparing_strings">Comparing strings</h3>
<p>C developers have the <code>strcmp()</code> function for comparing strings. In JavaScript, you just use the <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators">less-than and greater-than operators</a>:</p>
<pre class="brush: js">var a = 'a';
var b = 'b';
if (a < b) { // true
console.log(a + ' is less than ' + b);
} else if (a > b) {
console.log(a + ' is greater than ' + b);
} else {
console.log(a + ' and ' + b + ' are equal.');
}
</pre>
<p>A similar result can be achieved using the {{jsxref("String.prototype.localeCompare()", "localeCompare()")}} method inherited by <code>String</code> instances.</p>
<h3 id="Distinction_between_string_primitives_and_String_objects">Distinction between string primitives and <code>String</code> objects</h3>
<p>Note that JavaScript distinguishes between <code>String</code> objects and primitive string values. (The same is true of {{jsxref("Boolean")}} and {{jsxref("Global_Objects/Number", "Numbers")}}.)</p>
<p>String literals (denoted by double or single quotes) and strings returned from <code>String</code> calls in a non-constructor context (i.e., without using the {{jsxref("Operators/new", "new")}} keyword) are primitive strings. JavaScript automatically converts primitives to <code>String</code> objects, so that it's possible to use <code>String</code> object methods for primitive strings. In contexts where a method is to be invoked on a primitive string or a property lookup occurs, JavaScript will automatically wrap the string primitive and call the method or perform the property lookup.</p>
<pre class="brush: js">var s_prim = 'foo';
var s_obj = new String(s_prim);
console.log(typeof s_prim); // Logs "string"
console.log(typeof s_obj); // Logs "object"
</pre>
<p>String primitives and <code>String</code> objects also give different results when using {{jsxref("Global_Objects/eval", "eval()")}}. Primitives passed to <code>eval</code> are treated as source code; <code>String</code> objects are treated as all other objects are, by returning the object. For example:</p>
<pre class="brush: js">var s1 = '2 + 2'; // creates a string primitive
var s2 = new String('2 + 2'); // creates a String object
console.log(eval(s1)); // returns the number 4
console.log(eval(s2)); // returns the string "2 + 2"
</pre>
<p>For these reasons, the code may break when it encounters <code>String</code> objects when it expects a primitive string instead, although generally, authors need not worry about the distinction.</p>
<p>A <code>String</code> object can always be converted to its primitive counterpart with the {{jsxref("String.prototype.valueOf()", "valueOf()")}} method.</p>
<pre class="brush: js">console.log(eval(s2.valueOf())); // returns the number 4
</pre>
<div class="note"><strong>Note:</strong> For another possible approach to strings in JavaScript, please read the article about <a href="/en-US/Add-ons/Code_snippets/StringView"><code>StringView</code> — a C-like representation of strings based on typed arrays</a>.</div>
<h2 id="מאפיינים">מאפיינים</h2>
<dl>
<dt>{{jsxref("String.prototype")}}</dt>
<dd>Allows the addition of properties to a <code>String</code> object.</dd>
</dl>
<h2 id="Methods">Methods</h2>
<dl>
<dt>{{jsxref("String.fromCharCode()")}}</dt>
<dd>Returns a string created by using the specified sequence of Unicode values.</dd>
<dt>{{jsxref("String.fromCodePoint()")}}</dt>
<dd>Returns a string created by using the specified sequence of code points.</dd>
<dt>{{jsxref("String.raw()")}} {{experimental_inline}}</dt>
<dd>Returns a string created from a raw template string.</dd>
</dl>
<h2 id="String_generic_methods"><code>String</code> generic methods</h2>
<div class="warning">
<p><strong>String generics are non-standard, deprecated and will get removed near future</strong>.</p>
</div>
<p>The <code>String</code> instance methods are also available in Firefox as of JavaScript 1.6 (<strong>not</strong> part of the ECMAScript standard) on the <code>String</code> object for applying <code>String</code> methods to any object:</p>
<pre class="brush: js">var num = "15";
console.log(num.replace("5", "2"));
</pre>
<p>For migrating away from String generics, see also <a href="/en-US/docs/Web/JavaScript/Reference/Errors/Deprecated_string_generics">Warning: String.x is deprecated; use String.prototype.x instead</a>.</p>
<p>{{jsxref("Global_Objects/Array", "Generics", "#Array_generic_methods", 1)}} are also available on {{jsxref("Array")}} methods.</p>
<h2 id="String_instances"><code>String</code> instances</h2>
<h3 id="Properties">Properties</h3>
<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'Properties')}}</div>
<h3 id="Methods_2">Methods</h3>
<h4 id="Methods_unrelated_to_HTML">Methods unrelated to HTML</h4>
<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'Methods_unrelated_to_HTML')}}</div>
<h4 id="HTML_wrapper_methods">HTML wrapper methods</h4>
<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/prototype', 'HTML_wrapper_methods')}}</div>
<h2 id="דוגמאות">דוגמאות</h2>
<h3 id="String_conversion">String conversion</h3>
<p>It's possible to use <code>String</code> as a more reliable {{jsxref("String.prototype.toString()", "toString()")}} alternative, as it works when used on {{jsxref("null")}}, {{jsxref("undefined")}}, and on {{jsxref("Symbol", "symbols")}}. For example:</p>
<pre class="brush: js">var outputStrings = [];
for (var i = 0, n = inputValues.length; i < n; ++i) {
outputStrings.push(String(inputValues[i]));
}
</pre>
<h2 id="Specifications">Specifications</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td>{{SpecName('ES1')}}</td>
<td>{{Spec2('ES1')}}</td>
<td>Initial definition.</td>
</tr>
<tr>
<td>{{SpecName('ES5.1', '#sec-15.5', 'String')}}</td>
<td>{{Spec2('ES5.1')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('ES2015', '#sec-string-objects', 'String')}}</td>
<td>{{Spec2('ES2015')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('ESDraft', '#sec-string-objects', 'String')}}</td>
<td>{{Spec2('ESDraft')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="תאימות_דפדפן">תאימות דפדפן</h2>
<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
<p>{{Compat("javascript.builtins.String",2)}}</p>
<h2 id="ראה_גם">ראה גם</h2>
<ul>
<li>{{domxref("DOMString")}}</li>
<li><a href="/en-US/Add-ons/Code_snippets/StringView"><code>StringView</code> — a C-like representation of strings based on typed arrays</a></li>
<li><a href="/en-US/docs/Web/API/DOMString/Binary">Binary strings</a></li>
</ul>
|