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

집

웹 프론트엔드

JS 튜토리얼

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

PHP中文网

May 16, 2016 pm 03:29 PM

프로그래밍 언어의 경우 변수와 데이터 유형이 포함되어야 합니다. 오늘은 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="max-width:90%">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="max-width:90%"><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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7368

자바 튜토리얼

1628

Cakephp 튜토리얼

1354

라라벨 튜토리얼

1266

PHP 튜토리얼

1214

Related knowledge

MySQL의 성별 필드에 가장 적합한 데이터 유형은 무엇입니까? Mar 15, 2024 am 10:24 AM

MySQL에서 성별 필드에 가장 적합한 데이터 유형은 ENUM 열거 유형입니다. ENUM 열거 유형은 가능한 값 세트를 정의할 수 있는 데이터 유형입니다. 성별에는 일반적으로 남성과 여성이라는 두 가지 값만 있기 때문에 성별 필드는 ENUM 유형을 사용하는 데 적합합니다. 다음으로, 특정 코드 예제를 사용하여 MySQL에서 성별 필드를 생성하고 ENUM 열거 유형을 사용하여 성별 정보를 저장하는 방법을 보여 드리겠습니다. 다음 단계는 다음과 같습니다. 먼저 다음을 포함하여 MySQL에서 users라는 테이블을 만듭니다.

MySQL 데이터베이스의 성별 필드에는 어떤 데이터 유형을 사용해야 합니까? Mar 14, 2024 pm 01:21 PM

MySQL 데이터베이스에서 성별 필드는 일반적으로 ENUM 유형을 사용하여 저장할 수 있습니다. ENUM은 사전 정의된 값 세트에서 필드 값으로 하나를 선택할 수 있는 열거형 유형입니다. ENUM은 성별과 같이 고정되고 제한된 옵션을 나타낼 때 좋은 선택입니다. 특정 코드 예를 살펴보겠습니다. 성별을 포함한 사용자 정보가 포함된 "users"라는 테이블이 있다고 가정합니다. 이제 성별 필드를 만들고 싶으면 다음과 같이 테이블 구조를 디자인할 수 있습니다. CRE

Java의 인스턴스 변수 란 무엇입니까? Feb 19, 2024 pm 07:55 PM

Java의 인스턴스 변수는 메소드나 생성자가 아닌 클래스에 정의된 변수를 참조합니다. 인스턴스 변수는 멤버 변수라고도 합니다. 클래스의 각 인스턴스에는 인스턴스 변수의 자체 복사본이 있습니다. 인스턴스 변수는 객체 생성 중에 초기화되며 해당 상태는 객체 수명 동안 저장 및 유지됩니다. 인스턴스 변수 정의는 일반적으로 클래스의 맨 위에 배치되며 public, private, protected 또는 기본 액세스 한정자를 비롯한 모든 액세스 한정자를 사용하여 선언할 수 있습니다. 그것은 우리가 원하는 것이 무엇인지에 달려 있습니다.

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까? Mar 09, 2024 pm 05:36 PM

Ajax를 사용하여 PHP 메소드에서 변수를 얻는 것은 웹 개발의 일반적인 시나리오입니다. Ajax를 통해 데이터를 새로 고치지 않고도 페이지를 동적으로 얻을 수 있습니다. 이 기사에서는 Ajax를 사용하여 PHP 메소드에서 변수를 가져오는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 Ajax 요청을 처리하고 필요한 변수를 반환하기 위해 PHP 파일을 작성해야 합니다. 다음은 간단한 PHP 파일 getData.php에 대한 샘플 코드입니다.

Python 구문 마인드맵: 코드 구조에 대한 심층적인 이해 Feb 21, 2024 am 09:00 AM

Python은 간단하고 읽기 쉬운 구문으로 다양한 분야에서 널리 사용됩니다. 프로그래밍 효율성을 높이고 코드 작동 방식을 깊이 이해하려면 Python 구문의 기본 구조를 숙지하는 것이 중요합니다. 이를 위해 이 기사에서는 Python 구문의 다양한 측면을 자세히 설명하는 포괄적인 마인드 맵을 제공합니다. 변수 및 데이터 유형 변수는 Python에서 데이터를 저장하는 데 사용되는 컨테이너입니다. 마인드맵은 정수, 부동 소수점 숫자, 문자열, 부울 값 및 목록을 포함한 일반적인 Python 데이터 유형을 보여줍니다. 각 데이터 유형에는 고유한 특성과 작업 방법이 있습니다. 연산자 연산자는 데이터 유형에 대한 다양한 작업을 수행하는 데 사용됩니다. 마인드맵은 산술 연산자, 비율 등 Python의 다양한 연산자 유형을 다룹니다.

jQuery 사용 사례: 변수가 비어 있는지 확인하는 여러 가지 방법 Feb 27, 2024 pm 04:12 PM

jQuery는 웹 개발에 널리 사용되는 JavaScript 라이브러리로, 웹 페이지 요소를 조작하고 이벤트를 처리하는 간단하고 편리한 방법을 많이 제공합니다. 실제 개발에서는 변수가 비어 있는지 확인해야 하는 상황에 자주 직면합니다. 이 기사에서는 jQuery를 사용하여 변수가 비어 있는지 확인하고 특정 코드 예제를 첨부하는 몇 가지 일반적인 방법을 소개합니다. 방법 1: if 문을 사용하여 varstr="";if(str){co 결정

C 언어의 const에 대한 깊은 이해 Feb 18, 2024 pm 12:56 PM

C에서 const에 대한 자세한 설명 및 코드 예 C 언어에서는 const 키워드를 사용하여 상수를 정의하는데, 이는 프로그램 실행 중에 변수의 값을 수정할 수 없음을 의미합니다. const 키워드를 사용하여 변수, 함수 매개변수 및 함수 반환 값을 수정할 수 있습니다. 이 기사에서는 C 언어에서 const 키워드 사용에 대한 자세한 분석을 제공하고 구체적인 코드 예제를 제공합니다. const 수정된 변수 const를 사용하여 변수를 수정하는 경우 이는 해당 변수가 읽기 전용 변수이고 값이 할당되면 수정할 수 없음을 의미합니다. 예: 상수

MySQL의 성별 필드에 가장 적합한 데이터 유형은 무엇입니까? Mar 14, 2024 pm 01:24 PM

데이터베이스 테이블을 디자인할 때 적절한 데이터 유형을 선택하는 것은 성능 최적화 및 데이터 저장 효율성을 위해 매우 중요합니다. MySQL 데이터베이스에는 성별 필드를 저장할 데이터 유형에 대한 소위 최선의 선택이 없습니다. 성별 필드에는 일반적으로 남성 또는 여성이라는 두 가지 값만 있기 때문입니다. 그러나 효율성과 공간 절약을 위해 성별 필드를 저장하는 데 적합한 데이터 유형을 선택할 수 있습니다. MySQL에서 성별 필드를 저장하는 데 가장 일반적으로 사용되는 데이터 유형은 열거 유형입니다. 열거 유형은 필드 값을 제한된 세트로 제한할 수 있는 데이터 유형입니다.

See all articles

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

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제