자바스크립트에서 사용하기

| | | | | | | | |

자바스크립트는 웹사이트에서 동적인 콘텐츠를 만드는 데 사용되는 프로그래밍 언어입니다.

잠시 시간을 내어 매일 사용하는 웹 기능에 대해 생각해 보세요. Twitter에서 계속 스크롤할 때 새 콘텐츠가 로드되는 방식이나 좋아요 버튼을 클릭할 때 YouTube가 업데이트되는 방식에 대해 생각해 보세요. 이것은 작동하는 JavaScript입니다. JavaScript를 사용하여 대화형 양식을 만들고, 이미지에 애니메이션을 적용하고, 필요에 따라 반응형 요소를 만드는 등의 작업을 수행할 수 있습니다.

웹사이트를 구축할 때 세 가지 주요 웹 기술을 사용하게 됩니다. HTML, CSSJavaScript. HTML을 사용하여 웹 페이지의 구조를 결정하고 CSS를 사용하여 웹 페이지의 모양을 제어합니다. JavaScript는 사이트를 동적으로 만드는 데 사용할 수 있는 웹 개발의 세 번째 요소입니다.

자바스크립트가 할 수 있는 일은 이것이 전부가 아닙니다. 둘 이상의 정적 웹 페이지를 만들고 싶다면 JS를 사용하는 것이 좋습니다. 그러나 JavaScript는 백엔드 웹 개발이나 게임 개발 또는 모바일 애플리케이션 제작에도 사용할 수 있습니다.

이 가이드에서는 사용자가 가장 일반적으로 사용할 수 있는 몇 가지 작업에 대해 살펴보겠습니다. 자바스크립트 학습에서 만난다. 하위 체인, try ... catch 블록을 사용한 테스트 코드, if 문 사용 등을 포함한 JavaScript의 기본 사항에 대해 설명합니다. 기본 사항을 다룬 후 고급 JavaScript 기능도 살펴보겠습니다.

JavaScript를 처음 사용하고 입문서가 필요한 경우 이 가이드를 살펴보세요! JavaScript에서 가장 일반적인 몇 가지 작업부터 살펴보겠습니다.

JavaScript 필터링 및 축소

JavaScript에서 배열로 작업할 때 개체를 필터링하거나 계산을 수행할 수 있습니다. 모든 요소에. 매트릭스의 내부로. 여기서 filter()reduce() 기능이 각각 작동합니다.

Filter() 함수는 배열에서 특정 기준을 충족하는 값을 가져오는 데 사용할 수 있습니다. 다음은 모든 학생 1학년을 반환하는 필터 함수의 예입니다.

reduce() 메소드는 배열을 단일 값으로 줄이는 데 사용할 수 있습니다. 예를 들어, 한 학급에 있는 학생의 총 연령을 얻으려면 다음 코드를 사용할 수 있습니다.

이 함수의 작동 방식과 코드에서 사용하는 방법에 대한 자세한 내용은 이 함수에 대한 전체 가이드를 참조하세요.

JavaScript 문자열 포함

문자열은 r 디스플레이 및 텍스트 프로그래밍에 사용됩니다. 문자열로 작업할 때 이 문자열에 특정 값이 포함되어 있는지 확인할 수 있습니다. 예를 들어, 누군가의 이름에 Jones가 포함되어 있는지 확인할 수 있습니다.

JavaScript에 내장된 understands()를 사용하여 문자열은 하위 문자열을 포함합니다. 다음은 문자열에 하위 문자열이 포함되어 있는지 확인하는 데 사용되는 include() 메서드의 예입니다.

자바스크립트 분할 및 분할

종종 문자열을 하위 문자열이나 배열로 분할하려는 경우가 있습니다. 이렇게 하려면 JavaScript 함수 split()slice()

split () 함수를 사용하면 문자열을 배열로 분할할 수 있습니다. 예를 들어 사용자의 전체 이름을 문자열 배열로 변환하려면 다음을 사용할 수 있습니다. split() function 다음은 split()의 작동 예입니다.

slice ()는 문자열에서 두 인덱스 번호 사이의 모든 문자를 반환하여 하위 문자열을 생성할 수 있도록 합니다. 다음은 실행 중인 슬라이스의 예입니다.

자바스크립트 코드 splice()는 배열의 모든 위치에서 요소를 추가하거나 제거하는 데 사용할 수 있습니다. 예를 들어 직원 이름 목록이 있고 목록에서 두 번째 이름을 제거하려면 splice()를 사용할 수 있습니다.

다음은 splice()는 배열에서 인덱스 3 값을 갖는 Paul 이름을 제거하는 데 사용됩니다.

JavaScript Substring

JavaScript 코드 substring ( ) 메소드를 사용하면 문자열의 일부를 추출하고 거기에 하위 문자열을 생성할 수 있습니다. 예를 들어, 누군가의 이름에서 마지막 두 문자를 가져오려면 substring()을 사용할 수 있습니다.

다음은 첫 번째 문자를 제거하는 데 사용되는 부분 문자열의 예입니다. 문자열에서 두 문자:

JavaScript Try Catch

모든 개발자는 코딩할 때 실수를 합니다. 오류가 나타나면 적절하게 처리되도록 하는 것이 중요합니다. Try/catch 블록은 JavaScript에서 오류 처리에 사용됩니다.

try/catch 블록이 사용되면 코드에서 오류가 발견되면 코드가 실행되고 사용자 지정 응답을 반환합니다. 다음은 작동 중인 시도/캡처 절차의 예입니다.

JavaScript If Else

코드를 실행하려는 경우 조건문이 사용됩니다. 특정 기준이 충족되는 경우에만. 예를 들어, 프로그램이 유효한 이름으로 입력된 사용자 이름을 인쇄하고 이름이 유효하지 않은 경우 웹 브라우저에서 사용자에게 메시지를 반환하도록 할 수 있습니다.

if / else 문은 한 문이 참이면 특정 코드를 실행하고 한 문이 거짓이면 다른 코드 블록을 실행하는 데 사용할 수 있습니다. 다음은 if / else 선언의 구문입니다.

자바스크립트 문자열 바꾸기

JavaScript <> replace () 코드는 텍스트 문자열에서 특정 문자 또는 일련의 문자를 대체하는 데 사용할 수 있습니다. 예를 들어 사용자가 이메일을 변경한 경우 replace ()를 사용하여 사용자가 발생한 각 이메일 주소를 문자열로 변경할 수 있습니다.

에 사용됩니다.

다음은 replace () in JavaScript to replace text:

JavaScript onclick

웹 페이지를 만들 때 사용자가 클릭할 때 무언가를 하는 요소를 원할 수 있습니다. 예를 들어 사용자가 버튼이나 이미지를 클릭하면 메시지를 받을 수 있습니다. 여기에서 onclick() 함수가 들어옵니다.

onclick()을 사용하면 사용자가 항목을 클릭하면 무언가가 발생하도록 대화형 웹 페이지를 만들 수 있습니다. onclick() 이벤트에 대한 가이드를 읽고 작동 방식과 코드에서 사용하는 방법에 대해 자세히 알아보세요.

JavaScript 정렬 배열

배열로 작업할 때 특별한 방법으로 배열을 정렬하도록 결정할 수 있습니다. 예를 들어 이름 목록을 알파벳순으로 정렬하거나 투표 목록을 오름차순으로 정렬할 수 있습니다.

JavaScript sort() 함수를 사용하여 특정 배열을 구성할 수 있습니다. 방법. 다음은 알파벳 순서로 학생 이름 배열을 정렬하는 데 사용되는 () 정렬 함수의 예입니다.

sort() 함수는 장르에서 사용자 정의 함수를 정의하는 경우 고급 정렬을 수행하는 데 사용할 수도 있습니다.

JavaScript 연산자 삼항

자바스크립트 삼항 연산자는 조건이 충족되고 코드 블록을 실행하는지 여부를 제어하는 if ... else입니다. 예를 들어 그들이 18세 이상이고 사용자 연령 false인지 확인하고 18세 미만이면 true를 반환하려면 삼항 연산자를 사용할 수 있습니다.

삼항 연산자는 간결하고 한 줄에 있기 때문에 간단한 if ... else 대신 자주 사용됩니다.

삼항 연산자의 구문은 다음과 같습니다. JavaScript에서:

JavaScript forEach

JavaScript로 프로그래밍할 때 목록의 모든 항목을 반복할 수 있습니다. 예를 들어, 사용자를 위해 인쇄하려는 공급업체 이름 목록이 있을 수 있습니다. forEach 루프를 사용하여 이 함수를 만들 수 있습니다.

<코드 > forEach 루프는 배열의 각 요소에 대해 한 번씩 기능을 수행하는 loop 형식입니다. 다음은 회사 목록을 반복하고 새 줄에 각각 인쇄하는 forEach 문의 구문입니다.

JavaScript 함수

대부분의 프로그래밍 언어의 일부인 함수 , 프로세스당 한 번 코드를 작성하고 프로그램에서 해당 코드를 여러 번 사용할 수 있습니다.

예를 들어 양식 필드가 유효한지 확인하는 코드 블록이 있는 경우 다음을 수행할 수 있습니다. 기능으로 만들면 웹 페이지의 각 필드 양식에 대해 코드 블록을 반복할 필요가 없습니다. <

p> 다음은 JavaScript 함수의 예입니다.

자체적으로 우리의 함수는 아무 것도 하지 않지만, 호출될 때 함수는 콘솔에 Google을 인쇄할 것입니다. 함수를 호출하기 위해 다음 코드를 사용합니다.

JavaScript 또는

키워드 JavaScript let 는 선언할 수 있습니다. 재할당할 수 있는 블록 필드, 로케일 변수. var 변수와 달리 let 변수는 주어진 코드 블록 내에서만 액세스할 수 있지만 var 변수로 재할당할 수 있습니다.

let를 사용하여 변수를 선언하는 것은 var와 동일하게 작동합니다.

var, const의 차이점을 알아보려면 JavaScript let에 대한 전체 기사를 읽으십시오. > let, 그리고 그것들을 모두 올바르게 사용하는 방법.

JavaScript array Press

배열로 작업할 때 이 배열에 요소를 추가할 수 있습니다. 여기에서 push() JavaScript가 사용됩니다. push()를 사용하여 배열 끝에 요소를 추가할 수 있습니다. 다음은 사용된 push() 메소드의 예입니다.

출력:

unshift()를 사용하여 from 배열에 요소를 추가할 수도 있습니다. unshift()push()와 동일하게 작동하며 동일한 인수를 허용합니다.

결론

JavaScript는 프로그래밍 도구입니다. 동적 웹 페이지를 만드는 데 사용되는 언어입니다. 이 가이드에서는 초보자가 사용하는 가장 일반적인 JavaScript 작업 중 일부에 대해 논의했습니다. onClick에서 문자열 교체, 필요에 맞게 데이터 잘라내기에 이르기까지 모든 것을 다루었습니다.

그러나 이 설명서는 초보자를 위한 것이 아닙니다. JavaScript를 배우는 여정을 계속하면서 이 가이드로 돌아와 길을 잃는 경우 도움이 되도록 사용해야 합니다. 일반적인 JavaScript 작업에 대해 질문이 있는 경우 이 기사를 계속 업데이트할 것입니다. 여기에서 찾을 수 있을 것입니다.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method