Chaîne JavaScript

Les chaînes JavaScript sont utilisées pour stocker et traiter le texte.


Chaîne JavaScript

Une chaîne peut stocker une série de caractères, tels que "liu qi".

La chaîne peut être n'importe quel caractère inséré entre guillemets. Vous pouvez utiliser des guillemets simples ou doubles :

var carname = "double quote";
var carname = 'single quote';

Vous pouvez utiliser la position de l'index pour accéder à chaque caractère de la chaîne :

var caractère = carname[7];

L'index de la chaîne commence à 0, ce qui signifie le premier Le premier caractère la valeur de l'index est [0], la seconde est [1], et ainsi de suite.

Vous pouvez utiliser des guillemets dans la chaîne. Les guillemets dans la chaîne ne doivent pas être les mêmes que les guillemets dans la chaîne :

var réponse = "C'est bon" ;
var réponse = "Il s'appelle 'Johnny'";
var réponse = 'Il s'appelle "Johnny"';

Vous pouvez également ajouter des caractères d'échappement à la chaîne pour utilisez des guillemets :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
var x = 'It\'s alright';
var y = "He is called \"Johnny\"";
document.getElementById("demo").innerHTML = x + "<br>" + y; 
</script>
</body>
</html>

Exécutez le programme et essayez-le


Longueur de chaîne

Vous pouvez utiliser la propriété intégrée length pour calculer la longueur d'une chaîne :

Exemple

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<script>
    var txt = "Hello World!";
    document.write("<p>" + txt.length + "</p>");
    var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>

Exécutez le programme pour l'essayer


Caractères spéciaux

En JavaScript, les chaînes sont écrites en simple ou en double citations.

Pour cette raison, l'exemple JavaScript suivant ne peut pas être analysé : x

"Nous sommes les soi-disant "Vikings" du nord."

La chaîne "Nous sommes les soi-disant" est tronquée.

Comment résoudre les problèmes ci-dessus ? Vous pouvez utiliser la barre oblique inverse() pour échapper aux guillemets doubles dans la chaîne "Vikings", comme suit :

"Nous sommes les soi-disant "Vikings" du nord."

Backslash est un caractère d'échappement. Les caractères d'échappement convertissent les caractères spéciaux en caractères de chaîne :

Le caractère d'échappement () peut être utilisé pour échapper aux apostrophes, aux nouvelles lignes, aux guillemets et à d'autres caractères spéciaux.

Le tableau suivant répertorie les caractères spéciaux qui peuvent être échappés à l'aide de caractères d'échappement dans les chaînes :

代码输出
  '单引号
  "双引号
  \反斜杠
  n换行
  r回车
  ttab(制表符)
  b退格符
  f换页符

Les chaînes peuvent être des objets

Généralement, les chaînes JavaScript sont des valeurs primitives et peuvent être créées à l'aide de caractères : var firstName = " John"

Mais on peut aussi utiliser le mot-clé new pour définir la chaîne comme un objet : var firstName = new String("John")

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
    var x = "John";              // x是一个字符串
    var y = new String("John");  // y是一个对象
    document.getElementById("demo").innerHTML =typeof x + " " + typeof y;
</script>
</body>
</html>

Exécutez le programme pour l'essayer

Remarque : Ne créez pas d'objets String. Cela ralentira l'exécution et peut avoir d'autres effets secondaires :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
var x = "John";              // x 是字符串
var y = new String("John");  // y 是一个对象
document.getElementById("demo").innerHTML = x===y;
</script>
<p>=== 为绝对相等,即数据类型与值都必须相等。</p>
</body>
</html>

Exécutez le programme et essayez-le

=== est une égalité absolue, c'est-à-dire que les types de données et les valeurs doivent être égal.


Propriétés et méthodes de chaîne

Les chaînes de valeurs brutes, telles que "John", n'ont pas de propriétés ni de méthodes (car elles sont pas d'objection).

Les valeurs primitives peuvent utiliser des propriétés et des méthodes JavaScript, car JavaScript peut traiter les valeurs primitives comme des objets lors de l'exécution de méthodes et de propriétés.

Méthodes de chaînes que nous présenterons dans les chapitres suivants.

Attribut de chaîne

属性描述
constructor返回创建字符串属性的函数
length返回字符串的长度
prototype允许您向对象添加属性和方法



Méthodes de chaînes

Method描述
  charAt()返回指定索引位置的字符
charCodeAt()返回指定索引位置字符的 Unicode 值
  concat()连接两个或多个字符串,返回连接后的字符串
fromCharCode()将 Unicode 转换为字符串
  indexOf()返回字符串中检索指定字符第一次出现的位置
  lastIndexOf()返回字符串中检索指定字符最后一次出现的位置
localeCompare()用本地特定的顺序来比较两个字符串
  match()找到一个或多个正则表达式的匹配
  replace()替换与正则表达式匹配的子串
  search()检索与正则表达式相匹配的值
  slice()提取字符串的片断,并在新的字符串中返回被提取的部分
  split()把字符串分割为子字符串数组
  substr()从起始索引号提取字符串中指定数目的字符
  substring()提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()根据主机的语言环境把字符串转换为小写,只有几种语言(如土耳其语)具有地方特有的大小写映射
toLocaleUpperCase()根据主机的语言环境把字符串转换为大写,只有几种语言(如土耳其语)具有地方特有的大小写映射
 toLowerCase()把字符串转换为小写
  toString()返回字符串对象值
 toUpperCase()把字符串转换为大写
  trim()移除字符串首尾空白
  valueOf()返回某个字符串对象的原始值




Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo"></p> <script> var x = 'It\'s alright'; var y = "He is called \"Johnny\""; document.getElementById("demo").innerHTML = x + "<br>" + y; </script> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!