> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 기본 데이터 구조

자바스크립트 기본 데이터 구조

高洛峰
풀어 주다: 2016-11-28 09:32:56
원래의
1140명이 탐색했습니다.

JavaScript는 C++와 매우 유사한 스크립팅 언어 프로그래밍을 제공합니다. 포인터 등 C 언어에서 발생하기 쉬운 오류를 제거하고 이미 C++ 또는 C 언어를 사용하는 사람들을 위해 강력한 클래스 라이브러리를 제공합니다. JavaScript 스크립팅 언어는 매우 쉽고 즐거운 것입니다.

1. JavaScript 코드 추가

JavaScript 스크립트는 HTML에 포함되어 있습니다. HTML 태그와 결합되어 강력한 인터넷 프로그래밍 언어를 형성합니다. JavaScript 스크립트를 문서에 직접 추가할 수 있습니다.

스크립트 언어 ="JavaScript "> 🎜>

자바스크립트 언어 코드

자바스크립트 언어 코드

...

/script>

설명:

스크립트 식별로>...< ;/script>

Language ="JavaScript" 속성을 사용하여 로고에 사용되는 언어를 나타냅니다.

다음은 웹 문서에 JavaScript 스크립트를 추가하는 예입니다.

Test2 .html

html>

head>

스크립트 언어 ="JavaScript">

document.write("온라인 학교입니다")

document.close(); 🎜>

/script>

/head>

브라우저 창에 test2.html을 호출하면 "This is an online school"이라는 문자열이 표시됩니다. 그림 2를 참조하세요.

그림 2

설명:

Document.write()는 문서 객체의 출력 함수입니다. 또는 Window 문서에 괄호 안의 변수 값을 입력하면 됩니다.

head> ;... 또는 < ;body> .../body> 헤더 사이에 자바스크립트 태그를 삽입하여 홈페이지와 코드의 다른 부분을 더욱 강력하게 만들 수 있습니다. JavaScript 태그를 .../body> 사이에 배치하여 특정 부분에 대한 문서를 동적으로 생성할 수 있습니다. >

2. 기본 데이터 유형

JavaScript 스크립트 언어도 다른 언어와 마찬가지로 고유한 기본 데이터 유형, 표현식 및 산술 연산자를 갖습니다. 프레임워크 구조는 숫자와 텍스트 처리를 위한 4가지 기본 데이터 유형을 제공하고, 변수는 정보를 저장할 수 있는 장소를 제공하며, 표현식은

1. 기본 데이터 유형

JavaScript에는 숫자 값(정수 및 실수), 문자열 유형(""로 묶인 문자 또는 문자)의 네 가지 기본 데이터 유형이 있습니다. '' 또는 숫자 값), 부울 유형(True 또는 False로 표현됨) 및 널 값 JavaScript의 기본 유형은 상수 또는 변수일 수 있습니다. JavaScript는 데이터의 변수 또는 상수의 형태를 채택합니다. 선언을 먼저 입력할 필요는 없지만 값을 사용하거나 할당할 때 데이터 유형이 결정됩니다. 물론 데이터 유형을 먼저 선언하면 값을 할당할 때 데이터 유형이 자동으로 설명됩니다.

2. 상수

정수 상수

JavaScript 상수는 일반적으로 리터럴 상수라고도 합니다. 정수형 상수는 16진수, 8진수, 10진수를 사용하여 값을 나타낼 수 있습니다.

실수 상수

실수 부분은 정수 부분에 의해 추가됩니다. 소수 부분은 12.32, 193.98과 같이 표현됩니다. 과학적인 방법이나 표준적인 방법(5E7, 4e5 등)을 사용하여 표현할 수 있습니다.

부울 값

부울 상수 상태는 True 또는 False 두 가지뿐입니다. 주로 작업 프로세스를 설명하기 위해 상태나 플래그를 설명하거나 나타내는 데 사용됩니다. 상태를 표현하려면 1 또는 0을 사용하세요. 반면 JavaScript는 상태를 나타내기 위해 True 또는 False만 사용할 수 있습니다.

문자 상수

작은따옴표를 사용하세요. (') 또는 큰따옴표(")를 사용하여 하나 또는 몇 개의 문자를 묶습니다. 예: "This is a book of JavaScript ", "3245", "ewrt234234" 등

빈 값

JavaScript에는 빈 값 null이 있습니다. 이는 정의되지 않은 변수를 참조하려고 하면 Null 값이 반환된다는 의미입니다.

특수 문자

C 언어와 마찬가지로 JavaScript에도 백슬래시(/)로 시작하여 표시할 수 없는 특수 문자가 있습니다. 🎜>

3, 변수

변수의 주요 기능은 데이터에 접근하고 정보를 저장하는 컨테이너를 제공하는 것입니다. 변수의 경우 변수 이름, 변수 유형, 변수 선언 및 변수 범위가 명확해야 합니다.

변수 이름 지정

JavaScript의 변수 이름 지정은 컴퓨터 언어와 매우 유사합니다. 여기서 우리는 다음 두 가지에 주의해야 합니다. 점:

아, 유효한 변수여야 합니다. 즉, 변수는 문자로 시작하고, test1, text2 등 중간에 숫자가 나올 수 있습니다. 밑줄(-)을 하이픈으로 사용하고, 변수 이름에는 공백, (+), (-), (,) 또는 기타 기호를 포함할 수 없습니다.

B , JavaScript의 키워드는 변수로 사용할 수 없습니다.

는 JavaScript에서 정의됩니다. 이 키는 JavaScript 내부에서 사용되며 변수 이름으로 사용할 수 없습니다. 예를 들어 Var, int, double, true 등은 변수 이름으로 사용할 수 없습니다.

변수 이름을 지정할 때는 변수의 의미를 변수 이름과 일치시키는 것이 가장 좋습니다.

변수 유형

JavaScript에서 변수는 Var:

명령으로 선언할 수 있습니다.

var mytest;

이 예에서는 mytest 변수를 정의하지만 값이 할당되지 않습니다.

Var mytest= "This is a book"

이 예에서는 mytest 변수를 정의하고 해당 값을 할당합니다.

JavaScript에서는 변수가 필요하지 않습니다. 변수의 유형은

x=100

y="125"

xy= True

cost=19.5 등

여기서 x는 정수, y는 문자열, xy는 부울 유형, 비용은 실수 유형입니다.

변수 선언 및 범위

JavaScript 변수는 사용하기 전에 선언할 수 있으며 var 키워드를 사용하여 변수를 선언할 수 있습니다. 변수 선언의 가장 큰 이점은 코드에 오류가 있다는 것입니다. JavaScript는 동적으로 컴파일되므로 코드, 특히 변수 이름 지정에서 오류를 찾기가 어렵습니다.

변수에 대한 또 다른 중요성이 있습니다. JavaScript에는 전역 변수와 지역 변수도 있습니다. 전역 변수는 모든 함수 본문 외부에 정의되며 해당 범위는 전체 함수입니다. 반면 지역 변수는 함수 본문 내에서 정의되며 다른 함수도 표시됩니다.

3개, 표현식 및 연산자

1, 표현식

변수를 정의한 후 이를 할당, 변경, 계산할 수 있습니다. 일련의 연산을 기다리는데, 이 과정을 보통 표현식이라고 부르는데, 이는 변수의 집합이라고 할 수 있습니다. 상수, 불리언, 연산자 등으로 구분할 수 있으므로 산술식, 문자열식, 대입식 등으로 나눌 수 있습니다.

2, 연산자

연산자는 연산을 완료하는 데 사용되는 일련의 기호입니다. JavaScript에는 +, -, *, / 등과 같은 산술 연산자가 있습니다. !=, == 등과 같은 비교 연산자가 있습니다. ; !(역방향), |, || 등의 논리 연산자가 있고 +, + = 등의 문자열 연산이 있습니다.

JavaScript에는 주로 이항 연산자가 있습니다.

피연산자 1 연산자 연산 2번

2개의 피연산자와 1개의 연산자로 구성됩니다. "This" + "that" 등. 단항 연산자에는 피연산자가 하나만 필요합니다.

(1) 산술 연산자

JavaScript의 산술 연산자에는 단항 연산자와 이항 연산자가 있습니다.

이항 연산자:

+(추가) -(뺄셈), *(곱셈), /(나누기), %(모듈로),|(비트 OR),&(비트 AND),<(왼쪽 시프트), >>(오른쪽 시프트), > >>(오른쪽 시프트, 제로 패딩)

단항 연산자:

-(대체),~(보완),+ +( 증가 1), --( 감소 1)

(2) 비교 연산자

비교 연산자의 기본 연산 과정 Yes , 먼저 피연산자를 비교한 다음 true 또는 False 값을 반환합니다. 8개의 비교 연산자가 있습니다:

(보다 작음), >(보다 큼), < ;=(작음) 이상), >=(이상), ==(같음), !=(같지 않음)

(3) 부울 논리 연산자

여러 부울 논리 연산자가 JavaScript에 추가되었습니다:

!(반전), &=(AND 다음에 할당), &(논리) AND), |=(OR 후 할당), |(논리 OR), ^=(XOR 후 할당), ^(논리 XOR), ?:(삼항 연산자), ||(또는), ==(같음) , |= (같지 않음)

삼항 연산자의 주요 형식은 다음과 같습니다.

피연산자? 2

피연산자의 결과가 true이면 표현식의 결과는 결과 1이고, 그렇지 않으면 결과 2입니다.

네번째, 예시

다음은 Marquee 효과에 대한 JavaScript 문서입니다.

Test2_1.html

html>

head>

script Language="JavaScript">

var msg=" 마키 효과가 있는 JavaScript 문서";

var 간격 = 100;

var spacelen = 120;

var space10=" ";

var seq=0; Scroll() {

len = msg.length;

window.status = msg.substring(0, seq+1);

if ( seq >= len ) {

seq = spacelen;

window.setTimeout("Scroll2();" , 간격 );

}

else

window.setTimeout("Scroll() ;", 간격 );

}

function Scroll2() {

var out ="";

for (i=1; i=spacelen/space10.length; i++) out +=

space10; 🎜>

out = out + msg;

len=out.length;

window.status =out.substring(seq, len);

seq++;

if ( seq >= len ) { seq = 0; ;

window.setTimeout("Scroll2();", 간격 );

스크롤();

/script>

/body>

/html>

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿