>웹 프론트엔드 >JS 튜토리얼 >요일 데이터 유형, 변수, 연산자, 조건문, Javascript의 반복

요일 데이터 유형, 변수, 연산자, 조건문, Javascript의 반복

Susan Sarandon
Susan Sarandon원래의
2025-01-22 10:32:09289검색

Day  Datatypes, Variables,Operators, Conditional Statements,Looping in Javascript

JavaScript 데이터 유형:

JavaScript에서 데이터 유형은 변수가 보유할 수 있는 값의 유형을 정의합니다. 유형에 따라 값에 대해 수행할 수 있는 작업이 결정됩니다. JavaScript에는 기본 데이터 유형(단순 값)과 참조 데이터 유형(복잡한 객체)이 모두 있습니다.

1. 원본 데이터 유형:

이것은 JavaScript의 가장 기본적인 데이터 유형이며 단일 값을 보유합니다. 이는 불변입니다. 즉, 일단 값이 설정되면 변경할 수 없습니다.

a) 번호:

은 정수와 부동소수점 숫자를 나타냅니다.

let x = 42;

b) 문자열:

은 일련의 문자를 나타냅니다.

let name = "Alice";

c) 부울:

은 참 또는 거짓을 의미합니다.

let isActive = true;

d) Null:

은 의도적으로 객체 값을 갖지 않는다는 의미입니다.

let person = null;

e) 정의되지 않음:

선언되었지만 값이 할당되지 않은 변수를 나타냅니다.

let value;

f) 기호:

고유 식별자입니다.

const uniqueID = Symbol();

g) BigInt:

은 큰 정수를 나타내는 데 사용됩니다.

let bigNum = 123n;

2. 참조 데이터 유형:

이러한 데이터 유형은 더 복잡하며 값 모음 또는 더 구조화된 데이터를 저장합니다. 이는 변경 가능합니다. 이는 참조가 동일하게 유지되더라도 내용이 변경될 수 있음을 의미합니다.

a) 개체:

키-값 쌍의 모음입니다.

let person = {name: "John"};

b) 배열:

정렬된 값 모음입니다.

let arr = [1, 2, 3];

c) 기능:

작업을 수행하는 코드 블록입니다.

function greet() {}

자바스크립트 변수:

JavaScript에서 변수는 코드 전체에서 참조하고 조작할 수 있는 데이터를 저장하기 위한 컨테이너라고 합니다.

변수를 사용하면 숫자, 문자열, 개체, 함수 등의 값을 저장할 수 있습니다.

1. 변수 선언:

JavaScript에서 변수는 세 가지 키워드 중 하나를 사용하여 선언됩니다.

var (이전 방법, 지금은 덜 사용됨) let (블록 범위, ES6에 도입됨) const (상수에 대한 블록 범위, ES6에도 도입됨)

a) var(기존 방법):

var 키워드는 전통적으로 JavaScript에서 변수를 선언하는 데 사용됩니다.

var name = "Alice"; var age = 25;

b) let(현대적인 방법):

블록 범위는 변수가 정의된 블록 내에서만(예: if 문 또는 루프 내에서) 변수에 액세스할 수 있음을 의미합니다.

let name = "Bob"; let age = 30;

c) const(상수 변수):

const 키워드는 초기 할당 후 재할당하면 안 되는 변수를 선언하는 데 사용됩니다.

const country = "USA";

변수 재선언:

변수 사용: 동일한 범위 내에서 변수를 다시 선언할 수 있으며 JavaScript에서는 오류가 발생하지 않습니다.

<code class="language-javascript">var name = "Alice";
var name = "Bob";  // 没有错误
console.log(name);  // 输出:Bob</code>

let 및 const 사용: 동일한 범위 내에서는 변수를 다시 선언할 수 없습니다. 그렇게 하면 SyntaxError가 발생합니다.

<code class="language-javascript">let name = "Alice";
let name = "Bob";  // SyntaxError: Identifier 'name' has already been declared</code>
<code class="language-javascript">const country = "USA";
const country = "Canada";  // SyntaxError: Identifier 'country' has already been declared</code>

JavaScript 연산자:

JavaScript에서 연산자는 피연산자에 대해 연산을 수행하는 기호 또는 키워드입니다.

1. 산술 연산자:

이러한 연산자는 숫자 값에 대한 수학 연산을 수행하는 데 사용됩니다.

<code>+               加法                        5 + 3 → 8
-               减法                        5 - 3 → 2
*               乘法                        5 * 3 → 15
/               除法                        5 / 3 → 1.6667
%               取模(除法的余数)        5 % 3 → 2
**              幂运算(乘方)              2 ** 3 → 8
++              递增(加 1)                let x = 5; x++ → 6
--              递减(减 1)                let x = 5; x-- → 4</code>

2. 할당 연산자:

이 연산자는 변수에 값을 할당하는 데 사용됩니다.

<code>=               简单赋值                     let x = 10;
+=              加法赋值                     x += 5; → x = x + 5;
-=              减法赋值                     x -= 5; → x = x - 5;
*=              乘法赋值                     x *= 5; → x = x * 5;
/=              除法赋值                     x /= 5; → x = x / 5;
%=              取模赋值                     x %= 5; → x = x % 5;
**=             幂赋值                       x **= 2; → x = x ** 2;</code>

3. 비교 연산자:

이 연산자는 두 값을 비교하고 부울 값(true 또는 false)을 반환합니다.

<code>==              等于                          5 == "5" → true
===             全等                          5 === "5" → false
!=              不等于                        5 != "5" → false
!==             不全等                        5 !== "5" → true
>               大于                          5 > 3 → true
>=              大于等于                      5 >= 3 → true
<               小于                          5 < 3 → false
<=              小于等于                      5 <= 3 → false</code>

4. 논리 연산자:

이러한 연산자는 일반적으로 부울 값을 사용하여 논리 연산을 수행하는 데 사용됩니다.

<code>&&              逻辑与                        true && false → false
||              逻辑或                        true || false → true
!               逻辑非                        !true → false</code>

JavaScript 조건문:

자바스크립트에서는 조건문을 사용하여 특정 조건이 참인지 거짓인지에 따라 다양한 작업을 수행합니다.

1. if 문

if 문은 가장 기본적인 조건문입니다. 지정된 조건이 true로 평가되면 코드 블록이 실행됩니다.

문법:

<code class="language-javascript">if (condition) {
    // 如果条件为真,则执行的代码块
}</code>

2. else문

else 문은 if 문 뒤에 오고 if 문의 조건이 false인 경우 실행되는 코드 블록을 정의합니다.

문법:

<code class="language-javascript">if (condition) {
    // 如果条件为真,则执行的代码块
} else {
    // 如果条件为假,则执行的代码块
}</code>

3. else if 문

else if 문을 사용하면 여러 조건을 테스트할 수 있습니다. 여러 조건을 확인해야 할 때 사용하세요.

문법:

<code class="language-javascript">if (condition1) {
    // 如果 condition1 为真,则执行的代码块
} else if (condition2) {
    // 如果 condition2 为真,则执行的代码块
} else {
    // 如果 condition1 和 condition2 都为假,则执行的代码块
}</code>

4. 중첩된 if 문

if 문을 다른 if 문 안에 중첩하여 더 복잡한 조건을 만들 수 있습니다.

5. 스위치 문

switch 문은 특히 다양한 가능한 결과가 있을 때 여러 조건으로 값을 테스트하는 더 효율적인 방법입니다.

문법:

<code class="language-javascript">switch (expression) {
    case value1:
        // 如果 expression === value1,则运行的代码
        break;
    case value2:
        // 如果 expression === value2,则运行的代码
        break;
    default:
        // 如果没有 case 匹配,则运行的代码
}</code>

JavaScript 루프:

JavaScript에서는 루프를 사용하여 특정 조건이 충족되는 한 코드 블록을 반복적으로 실행합니다. 이는 배열을 반복하거나 코드 블록을 여러 번 실행하는 등 반복적인 작업을 수행하려는 경우에 유용합니다.

1. for 루프

for 루프는 JavaScript에서 가장 일반적인 루프입니다. 이는 일반적으로 코드 블록을 반복하려는 횟수를 알 때 사용됩니다.

문법:

<code class="language-javascript">for (initialization; condition; increment/decrement) {
    // 每次迭代中要执行的代码
}</code>

2. while 루프

while 루프는 지정된 조건이 true로 평가되는 한 코드 블록을 실행합니다. 각 반복 전에 조건을 확인하고 조건이 거짓이 되면 루프가 중지됩니다.

문법:

<code class="language-javascript">while (condition) {
    // 只要条件为真就执行的代码
}</code>

위 내용은 요일 데이터 유형, 변수, 연산자, 조건문, Javascript의 반복의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.