![width:320px bg right:45%](https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/800px-JavaScript-logo.png) # JavaScript
Basic Syntax ## [소플 (이인제)](https://www.soaple.io/) --- # 목차 - [JavaScript 소개](#javascript-소개) - []() --- ![width:320px bg right:45%](https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/JavaScript-logo.png/800px-JavaScript-logo.png) # JavaScript 소개 --- # Introduction - JavaScript is a high-level, interpreted programming language. - It is used to make web pages interactive and dynamic. - JavaScript code is executed on the client-side (in the browser). --- # Variables - Variables are used to store data values. - Use the `var`, `let`, or `const` keyword to declare a variable. - Example: `var x = 5;` ```javascript var x = 5; ``` --- # Data Types - JavaScript has several data types, including: - Number - String - Boolean - Object - Array - Null - Undefined --- # Data Types - example code ```javascript var name = "John"; var age = 25; var isStudent = true; var person = { name: "John", age: 25 }; var fruits = ["apple", "banana", "orange"]; var nullValue = null; var undefinedValue; ``` --- # Operators - JavaScript has various operators, including: - Arithmetic operators (+, -, *, /, %) - Assignment operators (=, +=, -=, *=, /=) - Comparison operators (==, ===, !=, !==, >, <, >=, <=) - Logical operators (&&, ||, !) ```javascript var x = 5; var y = 10; var sum = x + y; var isGreater = x > y; var isTrue = true && false; ``` --- # Conditional Statements - Conditional statements are used to perform different actions based on different conditions. - JavaScript has `if`, `else if`, and `else` statements. ```javascript var age = 18; if (age < 18) { console.log("You are a minor."); } else if (age >= 18 && age < 65) { console.log("You are an adult."); } else { console.log("You are a senior citizen."); } ``` --- # Loops - Loops are used to repeatedly execute a block of code. - JavaScript has `for`, `while`, and `do-while` loops. ```javascript for (var i = 0; i < 5; i++) { console.log(i); } var j = 0; while (j < 5) { console.log(j); j++; } var k = 0; do { console.log(k); k++; } while (k < 5); ``` --- # Functions - Functions are reusable blocks of code that perform a specific task. - JavaScript functions are defined using the `function` keyword. ```javascript function greet(name) { console.log("Hello, " + name + "!"); } greet("John"); ``` --- # Arrays - Arrays are used to store multiple values in a single variable. - JavaScript arrays can contain different data types. ```javascript var fruits = ["apple", "banana", "orange"]; console.log(fruits[0]); // Output: "apple" console.log(fruits.length); // Output: 3 ``` --- # Objects - Objects are used to store key-value pairs. - JavaScript objects can contain properties and methods. ```javascript var person = { name: "John", age: 25, greet: function() { console.log("Hello, my name is " + this.name + "."); } }; console.log(person.name); // Output: "John" person.greet(); // Output: "Hello, my name is John." ``` --- # Conclusion - JavaScript is a powerful programming language with a simple and flexible syntax. - Understanding the basic syntax is essential for writing JavaScript code. - Practice and experimentation are key to mastering JavaScript. --- # Thank you! ## Made with ♥ by [Soaple](https://www.soaple.io/)