[学習]道路JavaScriptのシンタックスのフロントエンド - 文の構文変数および(ii)

継続物品フロントエンド学習JavaScriptシンタックス()[道路]、主に、ECMAスクリプトの内容であるJavaScriptの語彙規則、データ型、可変型、可変特性、予約語およびアレイ上。

字句のルール

識別子は、変数名と関数名の名前を指します。次のように識別子の命名規則については:

  • 手紙、アンダースコア先頭に_、$記号、文字を続けることができ、アンダーライン、US $記号、数字(0〜9)。
  • ないキーワード(キーワード)および予約語(予約語)JavaScriptを使用、これは注意することが重要です。
  • 識別子は大文字と小文字が区別されます

データの種類

基本データ型

文字列(string型)
番号(数値型)
(trueまたはfalseを示すブール)ブール

特殊なデータ型

未定義:定義されていない
ヌル:ヌル(割り当てなし)

複合体(参照)データ・タイプ

物体(オブジェクト)
配列(オブジェクトとして見ることができる)
機能(オブジェクトとして見ることができます)

変数の型

文字列(String)を

JavaScriptの、それは文字の文字列であるように、二重引用符(「」)番号または単一引用符(「」)は、文字または数値を囲みます。
例えば:VAR =「A」; // 文字列
のJavaScriptは非常に重要な特徴、有する自動型変換:文字列に変換することができる数値、ブール値、および他のタイプのデータを、スクリプトJavaScriptエンジンは、プログラムのコンテキストに応じてオートコンプリートなA変換。
例えば:
VAR = 100 A;
VARのINPUT = "A =" + A、
変換規則:

  • 「未定義」に変換を未定義
  • nullは「ヌル」に変換されます
  • 「true」または「false」に変換するブール値
  • 番号が対応する文字列に変換され、NaNは、数値以外の値を示し、
  • 文字列は変換されません
  • オブジェクトは、デフォルトの文字列に変換するオブジェクトです
    例:
<script language="javascript" type="text/javascript" >
      var a;
      var b=null;
      var c=true;
      var d=123;
      document.write("<h1>"+a+"</h1>");
      document.write("<h1>"+b+"</h1>");
      document.write("<h1>"+c+"</h1>");
      document.write("<h1>"+d+"</h1>");
 </script>

JavaScriptのエスケープ文字は、
ここに画像を挿入説明
JavaScriptのエスケープ文字とC言語と同様に、表から見ることができます。
自動包装
必要なときには、JavaScriptああ自動的に設定基本データ型は、呼び出しメソッドとプロパティは、Stringオブジェクトのいずれかになりますので、それは基本的なデータ型の文字列にすることができ組み込みオブジェクトの文字列の文字列、文字列に変換。
例:VARのNUM = "こんにちは世界! "長;.
使用文字列のStringオブジェクトのクラスの宣言:
文字列オブジェクト構文を作成します。新しい文字列(複数可)
例:STR = VAR新しい新しいString( "Hello Worldの");
Stringオブジェクトのプロパティ:

  • 長さ:文字列に含まれる文字の数

Stringオブジェクトのメソッドが機能します:

  • indexOf(SUBSTR、fromIndexのは):前後は、最初の検索SUBSTR列、パラメータができたfromIndexを、指定された位置のsubstrたfromIndexから文字列を取得し、元の文字列の最初の文字列インデックスのsubstrのインデックスを返します省略
  • lastIndexOf(SUBSTR、fromIndexのは):指定された文字列SUBSTRたfromIndexの開始位置から前方に後方から取り出し、元の文字列の最初の文字列インデックスのsubstrのインデックスを返す、fromIndexのパラメータ最初に検索のsubstr列省略することができます
  • charAt(インデックス):指定された場所のインデックスの文字を返します。
  • (正規表現/ SUBSTR、交換用)を交換:交換とが見つかりました正規表現正規表現またはSUBSTRをサブストリングの文字列マッチング、
  • (スタート、ストップ)をサブストリング:2つの仲介添字間の文字列を開始し、トップを指定して抽出し、ストップはオプションのパラメータです
  • スプリット(セパレータ、howManyが)は:区切りセパレータによるオブジェクトの文字列配列を返し、howManyが、オブジェクトの文字列配列の最大長を指定するオプションのパラメータであります
  • 検索(正規表現/ SUBSTR):SUBSTRをサブストリングに指定、または正規表現正規表現の一致を検索する文字列を取得するために使用SUBSTRING
  • toUpperCaseの():大文字に文字列を変換するために使用
  • toLowerCaseメソッド():のための小文字の文字列
    例:
<html>
<body>
    <script language="javascript" type="text/javascript" >
     var str=new String("hello world world");

     document.write("<h1>"+str.substring(0,5)+"</h1>");
     document.write("<h1>"+str.lastIndexOf("world")+"</h1>");
     document.write("<h1>"+str.indexOf("world")+"</h1>");
     document.write("<h1>"+str.replace("world","lvjia")+"</h1>");
    </script>
  </body>
</html>

結果:
ここに画像を挿入説明

デジタル(数)

数値の2種類、シェーピングおよびフロートを備えます。
オートボクシング**:、JavaScriptは自動的にナンバー番号はオブジェクトのメソッドであってもよい呼び出す組み込みオブジェクトNumberオブジェクトのオリジナルの対応する値に変換するときに必要**デジタル自動包装はまた、データ型は実質的であり得ますデジタル。
**自動型変換:**デジタルおよび文字列、自動型変換もあります。

  • undefined会转化成NaN
  • null会转化成0
  • 布尔值,如果是true,则转化成1,如果是false,则转化成0
  • 数字不发生转换
  • 字符串会转化成整数或者浮点数(取决于字符串的内容)
  • 对象会转化成NaN
    使用Number类实例化Number对象
    创建Number对象语法:new Number(value)
    例:var a=new Number(123);
    Number对象主要属性
  • MAX_VALUE:可表示的最大的数(常量)
  • MIN_VALUE:可表示的最小的数(常量)
  • NaN:非法数字值(常量)
    Number对象主要方法
  • toString():把数字转换成字符串,可以指定格式

boolean类型

基本数据类型:boolean数据类型只有两种可能值。true和false . 布尔值不需要使用引号,所以"false"与false 所表示的值是完全不一样的
**自动装箱:**在必要时,JavaScript 会自动地把原始布尔值转化成 Boolean对象,调用 Boolean方法的既可以是 Boolean对象,也可以是原始基本数据类型中的布尔值
自动类型转换:

  • undefined转化成False
  • Null转化成False
  • 布尔值不转化
  • 数字,如果数字等于0或者NaN,则结果是False;负责为true
  • 字符串,如果是空字符串,结果为false,否则为true
  • 对象转换成true

使用Boolean类实例化Boolean对象
创建Boolean对象的语法:new Boolean(true/false)
例:var a =new Boolean(true);
主要对象方法:

  • toString():把布尔值转换成字符串,并返回这个字符串

变量特性

变量的声明和赋值

声明:var a;
赋值:a=123;
JavaScript中的变量是动态类型:

  • 自动类型转换
  • JavaScript变量的类型可以随着值变化
  • JavaScript变量不申明也可以直接使用

JavaScript对象变量是引用

需要注意的是,JavaScript对象变量是引用,我们可以用下面这个例子证明:

<script type="text/javascript">
  var obj1=new String("hello world");
  var obj2=new String("hello world");
  document.write("<h1>"+(obj1==obj2)+"</h1>");
  document.write("<h1>"+(obj1=="hello world")+"</h1>");
  document.write("<h1>"+(obj1.indexOf("hello world")>=0)+"</h1>");
</script>

结果:
ここに画像を挿入説明

JavaScript对象可以动态增加成员

例子:

<script type="text/javascript">
     var obj1=new Object();
     var obj2=obj1;
     obj1.msg="hello world";
     document.write("<h1>"+obj2.msg+"</h1>")
 </script>

变量的有效范围

局部变量:使用关键字var声明的变量,有效范围是向外最近的大括号内都有效
全局变量:不使用var申明的变量,整个程序都有效

使用原则:尽量使用局部变量

语句

JavaScript 代码:JavaScript 代码是 JavaScript 语句的序列,一般使用分号分隔

<script type="text/javascript">
document.write("<h1>This is a header</h1>");
document.write("<p>This is a paragraph</p>");
</script>

注释语句

JavaScript 注释:与Java相同

  • 可以添加注释来对 JavaScript 进行解释,或者提高其可读性,单行的注释以 // 开始。
  • 多行注释以 /* 开头,以 */ 结尾。

for in语句

for in语句:遍历数组下标(index)或者对象属性
格式:

for(var property in expression){
	语句组
}

例子:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var intArray=new Array(1,"hello",true);
		console.log(intArray);
		for(var index in intArray){
			document.writeln("<h1>"+intArray[index]+"</h1>");
		}
	</script>
</body>
</html>

数组

数组也是一种JavaScript对象

动态数组

长度可以自动动态变化
数组元素类型可以不一致

数组对象的创建

:この方法は、次の4つのアレイ作成しました
。VAR新しい新しいA1 =配列()
VAR新新A2 =配列(長さ); //指定された長さ
のvar A3 =新しいアレイ(E1、 E2を、...); // 列挙型配列要素の
VARをA4 = [E1、E2、... ]; // 列挙配列要素(共通)

配列の長さ

自動化された変数配列の長さ:長さ属性は
長さ-1に0:有効な配列インデックスです

配列オブジェクトのメンバメソッド

  • toString():デフォルトの文字間隔などの文字列に配列、「」
  • valueOf():デフォルトの文字間隔などの文字列に配列、「」
  • )(参加:配列の要素を文字列に、デフォルトの文字間隔があると「」
  • (splitStr)に参加:文字列に配列の要素に加え、指定された区切り文字splitStr

2次元配列を作成します。

アレイ内の各要素は一次元アレイである場合、アレイは二次元アレイです。例:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		var array=new Array(3);
		array[0]=new Array("cat",1);
		array[1]=new Array("dog",true);
		array[2]=new Array("butterfly",3);
		for(var i in array){
			for(var j in array[i]){
				document.write("<h1>array("+i+","+j+"):"+array[i][j]+"</h1>");
			}
		}
	</script>
</body>
</html>
公開された61元の記事 ウォン称賛16 ビュー10000 +

おすすめ

転載: blog.csdn.net/qq_41427568/article/details/103208020