일반적인 프로그래밍 개념을 구현하는 데 10분 소요
12343 단어 beginnerstutorialwebdevjavascript
간단한 소개
2022년까지 우리는 컴퓨터가 없는 세계를 상상할 수 없다. 프로그래밍 언어는 우리의 컴퓨터와 상호작용하는 유일한 방식이다. 예를 들어 우리가 일상생활에서 사용하는 모든 응용 프로그램이나 기능은 기본적으로 하나의 지령이다. 우리는 프로그래밍 언어를 사용하여 컴퓨터나 장치를 정의했다.
계산기를 사용할 때 두 개의 숫자(예를 들어 2와 3)를 더하려면
+
연산자를 사용해서 결과를 얻는다(5). 이것은 계산기를 만든 사람이 이미 정의한 것을 의미한다. 만약에 사용자가'+'연산자를 사용한다면 계산기는 이해할 수 있는 언어를 통해 입력을 더하여 결과를 그들에게 되돌려준다.본고에서 나는 모든 프로그래밍 언어에서 가장 흔히 볼 수 있는 개념을 설명할 것이다.모든 개념을 JavaScript로 설명하겠습니다.변수 및 상수
만약 내가 네가 나에게 먹을 것을 요구하거나 마실 것을 요구한다면, 너는 틀림없이 나에게 접시에 있는 음식을 먹일 것이다. 또는 병이나 유리컵에 있는 물을 마실 것이다. 즉, 음식과 물은 하나의 용기에 포함된다. 프로그래밍 언어와 유사하게 우리는 값을 변수에 저장한다.수학에서 자주 듣는 문제처럼 만약에 a=3, b=5가 있다면 (a+b)의 값은 얼마입니까? 여기 a, b는 각각 3, 5를 포함하는 변수입니다.상수도 변수와 같다. 사실은 우리가 상수의 값을 바꿀 수 없다.
JavaScript에서는
var
또는 let
을 사용하여 변수를 정의하고 keyword
을 사용하여 상수를 정의합니다.var radius = 3 //this is a global variable
const PI = 3.14 //this is a constant
/*Area of a circle*/
var area = PI * radius * radius
식별자 및 키워드
질문 하나 할게요. 이름이 뭐예요?예를 들어 존, 이것은 당신이 한 사람이고 당신의 신분은 Jhon이라는 것을 의미한다. 마찬가지로 나는 애완동물의 이름이 Scooby이기 때문에 Scooby는 내 이름의 표식자이다.변수를 정의하는 프로그래밍에서 우리는 표지부호가 필요하다. 예를 들어
const
, 여기 var a = 5
이 표지부호이다. 또는 내가 a
이라고 하면 여기 var hello =" I am a string "
이 표지부호이다.키워드는 기본적으로 식별자로 사용할 수 없는 보존자입니다.예컨대 hello
, 이것들은 모두 키워드이다코멘트
1000줄 코드를 포함하는 프로젝트를 하고 있는데 100개의 변수, 상수, 함수를 포함하고 있는 것을 상상해 보세요. 그리고 어느 줄이 무엇에 쓰일지 찾기 어려울 것입니다.이러한 상황을 피하기 위해 프로그래머는 코드에서 필기를 한다. 위의 예와 같이 나는 주석으로
const, if , else , var, let
과 var
을 설명한다.JavaScript에서는 const
을 단일행 주석, //comment ere
을 여러 줄 주석에 사용할 수 있습니다.디버깅 과정에서 자주 이런 일이 발생하면 코드를 삭제하고 다시 작성하는 것이 아니라 몇 줄의 코드를 주석할 수 있다는 사실을 여러분과 공유하고 싶습니다.// Hello I am a single line comment
var hello = "Hello World";
/* I am a multiline comment
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.*/
/*I am commented code
var a = 5
*/
인쇄물
인쇄 문장은 기본적으로 내장 함수로서, 화면에 두 개의 숫자를 더한 결과를 표시할 수 있는 기회를 준다.JavaScript에서는
\*comment here *\
또는 document.write("output here ")
을 사용하여 출력을 표시합니다.전자는 html 페이지에서 내용을 재생하는 데 사용되고, 후자는 브라우저 컨트롤러에서 내용을 표시하는 데 사용된다.
document.write("Helllo World");
console.log("Hello World");
var a = 5;
var b = 10;
console.log(a+b);
입력
우리의 일상생활에서, 우리가 사용하는 모든 응용 프로그램이나 사이트는 사용자가 필요로 하는 데이터를 표시하기 위해 입력을 필요로 한다. 구글에 있거나 반드시 검색해야 할 내용을 고려하면, 구글이나 반드시 당신의 필요에 따라 결과를 표시할 수 있도록 검색 표시줄에 내용을 입력해야 한다.자바스크립트에서 우리는
console.log("output here ")
을 사용하여 사용자로부터 입력을 받거나 html을 사용하면 폼을 사용할 수 있습니다. prompt('Enter your name');
데이터 형식
우리가 어렸을 때 그 시절을 기억하십니까? 누군가가 우리에게 맵고 짜고 쓴 맛을 가르쳐 주었습니다. 이와 유사하게 프로그래밍 언어는 반드시 그가 처리한 데이터 유형을 알아야 합니다. 예를 들어 데이터는
prompt()
또는 String
또는 Number
또는 Decimal
또는 Boolean
등입니다.primitive type
& Object type
전자는 변할 수 없다. 즉, 그 값은 변경할 수 없고, 후자는 기본적으로 표지부에서 인용한 메모리의 값이다.var a = 5;
var b = 6.0000;
var d = 2n ** 53n;
var e = true;
var s = null;
var s = 'string';
var person = { name: "John", age: 34, isMarried: false };
console.log(typeof a);
console.log(typeof b);
console.log(typeof d);
console.log(typeof e);
console.log(typeof s);
console.log(typeof person);
console.log(typeof undefined);
console.log(typeof null);
console.log(typeof NaN);
console.log(typeof Infinity);
console.log(typeof -Infinity);
console.log(typeof true);
배열 및 문자열
책꽂이를 고려하면, 우리는 한 곳에 많은 책을 저장할 수 있다. 프로그래밍에서, 우리는 하나의 그룹을 사용하여 감염력이 있는 메모리 위치에 비슷한 유형의 데이터 요소를 저장할 수 있으며, 문자열은 하나의 문자 그룹으로 볼 수 있다.JavaScript에서는
var
또는 let
키워드로 배열 또는 문자열을 정의할 수 있습니다.let hello = "I am a string";
let arr = [1, 2, 3, 4, 5];
/*using constructors*/
let arr2 = new Array(1, 2, 3, 4, 5);
let str = new String("I am a string");
console.log(hello);
console.log(arr);
console.log(arr2);
console.log(str);
조건문
한 번의 시험을 치른 상황을 상상해 보세요. 지금 두 가지 가능성이 있습니다. 통과하든지, 실패하든지. 통과하면 다음 단계로 올라갑니다. 실패하면 수업을 다시 마쳐야 합니다.프로그래밍에서 우리는 인스타그램 계정에 로그인할 때 사용자 이름과 비밀번호를 입력하라고 요구할 수도 있다. 정확한 증거를 입력하면 개인 정보로 다시 지정하거나, 오류를 보일 수도 있고, 잊어버리면 비밀번호를 변경하는 것을 권장할 수도 있다.조건문.JavaScript에서는 조건문을 적용하기 위해
if
, else
, elseif
문을 사용합니다.var userid = prompt("Enter your userid");
var password = prompt("Enter your password");
if (userid == "admin" && password == "password") {
alert("Welcome Admin!");
}
else if (userid == "user" && password != "pass") {
alert("Welcome User!");
}
else {
alert("Wrong userid or password");
}
제어 프로세스
만약 당신의 숙제가
I am a good boy
100번을 쓴다고 가정한다면, 당신이 100번을 반복할 때까지 이 문장을 쓰기 시작하는 것이다.i, e 당신은 어떤 조건에 도달할 때까지 특정한 임무를 반복합니다.프로그래밍 과정에서 우리는 자주 어떤 장면을 만날 수 있다. 이런 장면에서 우리는 특정한 임무를 반복해서 하나의 조건에 도달할 때까지 해야 한다. 이를 위해 우리는 문장의 흐름을 제어하거나 간단한 영어로 순환이라고 부른다.JavaScript에서 우리는 몇 개의 문장 흐름을 제어할 수 있다var arr = [1, 2, 3, 4, 5];
var n = 0;
console.log("Using for loop");
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
console.log("Using foreach loop");
arr.forEach(element => {
console.log(element);
})
console.log("Using while loop");
while (n < 5) {
console.log(n);
n = n + 1;
}
var k = 0
console.log("Using do while loop");
do {
console.log(k);
k = k + 1;
}
while (k < 5);
조작하다
현재 조작부호는 기본적으로 두 조작수 사이에서 조작을 실행하는 기호이다. 예를 들어 a+b 여기
+
은 조작부호이다.JavaScript에서- 산술 연산자
덧셈, 나눗셈 등의 수학 임무를 집행하다.
/*Arithmetic operators*/
var a = 10;
var b = 20;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a % b);
- 대입 연산자
할당
/*Assignment operators*/
var c = 10;
console.log(c += 10);
console.log(c -= 10);
console.log(c *= 10);
- 비교 연산자
두 작업 비교
/*Comparison operators*/
var d = 10;
var e = 20;
console.log(d > e);
console.log(d < e);
console.log(d >= e);
console.log(d <= e);
- 논리 연산자
논리에 맞는 결정을 내리다
/*Logical operators*/
var x = true
var y = false
console.log(x && y);
console.log(x || y);
console.log(!x);
- 비트 연산자
비트별 작업 수행
/*Bitwise operators*/
var p = true
var q = false
console.log(p & q);//and
console.log(p | q);//or
console.log(p ^ q);//xor
console.log(~p);//not
기능
우리는 자주 특정 임무를 여러 번 수행해야 한다. 내 말은, 나의 이전 예시에서 한 사용자가 로그인한 예시를 제시했다. 현재 인스타그램은 항상 당신의 비밀번호를 입력해야 한다. 만약 당신이 개인 정보를 바꾸고 싶다면, 우리는 함수를 정의하고 필요에 따라 사용할 수 있다. 같은 줄 코드를 여러 번 다시 쓰는 것이 아니라, 즉, 우리는 기본적으로 우리의 코드를 반복해서 사용하고 있다.JavaScript에서 function 키워드를 사용하여 함수를 정의합니다.
//defining a function
function sayHello(name) {
console.log("Hello" + name);
}
sayHello("user ")//calling a function
오트로
네가 이 문장을 다 읽어서 매우 기쁘다.가장 흔히 볼 수 있는 프로그래밍 개념에 관해서는 이것들을 이해하기만 하면 된다.내가 강조하고자 하는 것은 본문을 읽을 때 브라우저에서 코드 세션을 실행하여 더욱 명확하게 이해하도록 하는 것이다.궁금한 사항이 있으면 언제든지 의견을 달아 주십시오.도움이 된다면 동갑내기와 동료들에게 이 글을 공유해 보세요.즐거움과 안전을 유지하다.
잇닿다
Reference
이 문제에 관하여(일반적인 프로그래밍 개념을 구현하는 데 10분 소요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/kumarkalyan/common-programming-concepts-in-just-10-mins-ic0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)