찾다

집  >  기사  >  웹 프론트엔드  >  JavaScript 변수 및 데이터 유형에 대한 자세한 설명_javascript 기술

JavaScript 변수 및 데이터 유형에 대한 자세한 설명_javascript 기술

PHP中文网
PHP中文网원래의
2016-05-16 15:29:211320검색

프로그래밍 언어의 경우 변수와 데이터 유형이 포함되어야 합니다. 오늘은 JavaScript 스크립팅 언어의 변수와 데이터 유형을 살펴보겠습니다.
Java, C 등 다른 고급 프로그래밍 언어에 비해 JavaScript는 매우 간단합니다.
1. 변수
JavaScript 변수는 느슨한 형식으로 모든 유형의 데이터를 저장하는 데 사용됩니다. 변수는 정보를 저장하는 컨테이너입니다. 변수를 정의할 때 var 연산자(var는 키워드)를 사용하고 그 뒤에 변수 이름(변수 이름은 식별자)을 사용합니다. 변수는 초기화 후에 다시 변경될 수 있는 수량입니다.
그럼 예를 살펴보겠습니다. 

<span style="font-size:18px;">var x=2; 
var y=3; 
var z=2+3; 
document.write(x + "<br>"); 
document.write(y + "<br>"); 
document.write(z + "<br>");</span>



대수학처럼: x=2, y=3 , z=x y 대수학에서는 (2와 같은) 값을 유지하기 위해 문자(x와 같은)를 사용합니다. 위의 식 z=x y를 통해 z의 값은 5로 계산할 수 있습니다. JavaScript에서는 이러한 문자를 변수라고 합니다. 따라서 변수를 데이터를 저장하는 컨테이너로 생각할 수 있습니다.
(1) JavaScript 변수 이름
대수학과 마찬가지로 JavaScript 변수는 값(예: x=2)과 표현식(예: z =xy). 변수는 짧은 이름(예: x 및 y) 또는 더 설명적인 이름(예: 연령, 합계, 총량)을 가질 수 있습니다.
다음 사항에 유의하세요.

1 변수는 문자로 시작해야 합니다.
2 변수는 $ 및 _ 기호로 시작할 수도 있습니다(그러나 권장하지 않음)
변수 3개 이름 대소문자 구분(y와 Y는 다른 변수)
(2) JavaScript 데이터 유형
JavaScript 변수는 텍스트 값과 같은 다른 데이터 유형도 저장할 수 있습니다. ​( 이름="빌 게이츠"). JavaScript에서는 "Bill Gates"와 같은 텍스트 조각을 문자열이라고 합니다. JavaScript 변수에는 다양한 유형이 있지만 지금은 숫자와 문자열에만 집중하겠습니다. 변수에 텍스트 값
을 할당할 때는 값을 큰따옴표나 작은따옴표로 묶어야 합니다. 변수에 숫자 값을 할당할 때 따옴표를 사용하지 마십시오. 숫자 값을 따옴표로 묶으면 해당 값은
에 의해 텍스트로 처리됩니다. 나중에 데이터 유형에 대한 자세한 소개가 있습니다.
예: 

<span style="font-size:18px;">var pi=3.14; 
var name="Bill Gates"; 
var answer=&#39;Yes I am!&#39;; 
document.write(pi + "<br>"); 
document.write(name + "<br>"); 
document.write(answer + "<br>");</span>


(3) JavaScript 변수 선언(생성) JavaScript에서 변수를 생성하는 것을 종종 변수 "선언"이라고 합니다. 좋은 프로그래밍 습관은 코드 시작 부분에 필요한 변수를 균일하게 선언하는 것입니다. var를 사용하지 않고도 변수를 선언할 수 있지만 권장되지는 않습니다.
var 키워드를 사용하여 변수를 선언합니다. var carname;
변수가 선언된 후 변수는 비어 있습니다(값이 없음). 변수에 값을 할당하려면 등호를 사용합니다. carname="Volvo";
그러나 변수를 선언할 때 변수에 값을 할당할 수도 있습니다. var carname="Volvo";
예: carname 변수라는 변수를 생성하고 "Volvo"라는 값을 할당한 다음 id="demo"로 HTML 단락에 넣습니다.

클릭 효과: 
<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JS变量和数据类型</title> 
</head> 
  
<body> 
<p>点击这里来创建变量，并显示结果。</p> 
  
<button onclick="myFunction()">点击这里</button> 
  
<p id="demo"></p> 
  
<script type="text/javascript"> 
function myFunction() 
{ 
var carname="Volvo"; 
document.getElementById("demo").innerHTML=carname; 
} 
</script> 
</body> 
</html></span>

JavaScript 변수 및 데이터 유형에 대한 자세한 설명_javascript 기술

(4) 하나의 문, 여러 변수

하나의 문 선언을 사용할 수 있습니다. 많은 변수. 문은 var로 시작하고 쉼표를 사용하여 변수를 구분합니다. 

var name="Gates", age=56, job="CEO";


문은 여러 줄에 걸쳐 있을 수도 있습니다.


컴퓨터 프로그램에서는 값이 없는 변수가 선언되는 경우가 많습니다. 값 없이 선언된 변수의 값은 실제로 정의되지 않습니다. 다음 문 
<span style="font-size:18px;">var name="Gates", 
age=56, 
job="CEO";</span>
을 실행하면 carname 변수의 값이 정의되지 않습니다. var carname;


(5) JavaScript 변수
를 다시 선언합니다. JavaScript를 다시 선언하는 경우 변수, 변수의 값은 손실되지 않습니다. 다음 두 명령문을 실행한 후에도 carname 변수의 값은 여전히 ​​"Volvo"입니다. 

<span style="font-size:18px;">var carname="Volvo"; 
var carname;</span>
(6) JavaScript 연산

JavaScript 변수를 사용할 수 있습니다. 산술을 수행하려면 및 같은 연산자가 사용됩니다.
예:

클릭 효과: 
<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JS变量和数据类型</title> 
</head> 
  
<body> 
<p>假设 y=5，计算 x=y+2，并显示结果。</p> 
<button onclick="myFunction()">点击这里</button> 
  
<p id="demo"></p> 
  
<script type="text/javascript"> 
function myFunction() 
{ 
var y=5; 
var x=y+2; 
var demoP=document.getElementById("demo") 
demoP.innerHTML="x=" + x; 
} 
</script> 
</body> 
</html></span>

JavaScript 변수 및 데이터 유형에 대한 자세한 설명_javascript 기술

2. 데이터 유형

JavaScript 데이터 유형에는 문자열, 숫자, 부울, 배열, 객체, Null 및 정의되지 않음이 포함됩니다. 데이터 유형에 대해 이야기하기 전에 먼저 연산자 유형에 대해 이야기합니다.
typeof 연산자 typeof 연산자는 변수의 데이터 유형을 감지하는 데 사용됩니다. 값이나 변수에 typeof 연산자를 사용하면 다음 문자열이 반환됩니다.

JavaScript 변수 및 데이터 유형에 대한 자세한 설명_javascript 기술

<span   style="max-width:90%">var box=&#39;English&#39;; 
alert(typeof box); 
alert(typeof English);</span>

上述两种方式都是可行的。
       typeof操作符可以操作变量，也可以操作字面量。虽然可以这样使用，typeof(box),但，typeof是操作符而非内置函数。函数是对象，不是一种数据类型，所以，使用typeof来区分function和object是非常有必要的。
返回值是函数的例子：

<span style="font-size:18px;">function box(){ 
} 
alert(typeof box);//box是Function函数，值是function box(){}，类型返回的字符串是function。</span>

(1)JavaScript拥有动态类型
       JavaScript拥有动态类型。这意味着相同的变量可用作不同的类型：
实例：

<span style="font-size:18px;">var x //x为undefined 
var x = 6; //x为数字 
var x = "Bill"; //x为字符串</span>

(2)JavaScript字符串String类型
       字符串是存储字符的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号：;
实例:可以在字符串中使用引号，只要不匹配包围字符串的引号即可

<span style="font-size:18px;">var carname1="Bill Gates"; 
var carname2=&#39;Bill Gates&#39;; 
var answer1="Nice to meet you!"; 
var answer2="He is called &#39;Bill&#39;"; 
var answer3=&#39;He is called "Bill"&#39;; 
document.write(carname1 + "<br>") 
document.write(carname2 + "<br>") 
document.write(answer1 + "<br>") 
document.write(answer2 + "<br>") 
document.write(answer3 + "<br>")</span>

字符串类型还定义了转义字符：

JavaScript 변수 및 데이터 유형에 대한 자세한 설명_javascript 기술

(3)JavaScript数字
       JavaScript只有一种数字类型。数字可以带小数点，也可以不带。Number类型包含两种数值：整型和浮点型。输出的格式均按照十进制数输出。最基本的数值字面量是十进制。也包括八进制数值字面量，前导必须是0，八进制序列(0到7，以8为基数)；十六进制字面量前面两位必须是0x，后面的是(0到9及A到F)；浮点类型，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。
       1对于那些过大或过小的数值，我们可以采用科学计数法(e表示法)，用e表示该数值的前面10的指数次幂。例如：

<span style="font-size:18px;"><span style="font-size:18px;">var box=4.12e-9;</span></span>

      2要想确定一个数值到底是否超过了规定范围，可以使用isFinite()函数，如果没有超过，返回true，超过了返回false。
 3isNaN()函数用来判断这个值到底是不是NaN。isNaN()函数在接收到一个值后，会尝试将这个值转换为数值。
isNaN()函数也适用于对象。在调用isNaN()函数过程中，首先会调用value()方法，然后确定返回值是否能够转换为数值。如果不能，则基于这个返回值再调用toString()方法，再测试返回值。
实例：

<span style="font-size:18px;">var x1=36.00; 
var x2=36; 
var y=123e5; 
var z=123e-5; 
document.write(x1 + "<br />") 
document.write(x2 + "<br />") 
document.write(y + "<br />") 
document.write(z + "<br />")</span> 
 (4)JavaScript布尔
 布尔(逻辑)只能有两个值:true或false。例如：
var x=true； 
var y=false；
(4)JavaScript数组
       数组下标是基于零的，所以第一个项目是[0]，第二个是[1]，以此类推。下面的代码创建名为cars的数组：
<span style="font-size:18px;">var cars=new Array(); 
cars[0]="Audi"; 
cars[1]="BMW"; 
cars[2]="Volvo";</span>

或者：

<span style="font-size:18px;">var cars=new Array("Audi","BMW","Volvo"); </span>

实例

<span style="font-size:18px;">var i; 
var cars = new Array(); 
cars[0] = "Audi"; 
cars[1] = "BMW"; 
cars[2] = "Volvo"; 
for (i=0;i<cars.length;i++) 
{ 
document.write(cars[i] + "<br>"); 
}</span>

输出的结果很容易知道。
 (5)JavaScript对象
       对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};  
       上面例子中的对象(person)有三个属性：firstname，lastname以及id。空格和折行无关紧要。声明可横跨多行：

var person={ 
firstname : "Bill", 
lastname : "Gates", 
id: 5566 
};

   对象属性有两种寻址方式：
       实例

var person={ 
firstname : "Bill", 
lastname : "Gates", 
id: 5566 
}; 
document.write(person.lastname + "
"); 
document.write(person["lastname"] + "
");

 (6)Undefined和Null
       Undefined这个值表示变量不含有值。可以通过将变量的值设置为null来清空变量。
       Undefined类型

var box; 
alert(typeof box);//box是Undefined类型，值是undefined，类型返回的字符串是undefined。

   Null类型

var box=null; 
alert(typeof box);//box是Null类型，值是null，类型返回的字符串是object。

(7)声明变量类型
       JavaScript变量均为对象。当您声明一个变量时，就创建了一个新的对象。当声明新变量时，可以使用关键词"new"来声明其类型：

var carname=new String; 
var x= new Number; 
var y= new Boolean; 
var cars= new Array; 
var person= new Object;

以上就是详解JavaScript的变量和数据类型_javascript技巧的内容，更多相关内容请关注PHP中文网（www.php.cn）！


성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：JS_javascript 기술로 구현된 테이블 행 마우스 클릭 강조 효과 코드다음 기사：JS_javascript 기술로 구현된 테이블 행 마우스 클릭 강조 효과 코드

관련 기사

더보기