자바스크립트 값을 숫자로 변환하는 Number() 메서드를 도입했습니다. 이 방법은 숫자 문자열을 숫자로 변환하고 부울 값을 1 또는 0으로 변환할 수 있습니다. 간단히 논의해 보겠습니다. 구문 var num = Number(value); 예시-1 다음 예에서 숫자() 메서드는 숫자 문자열과 부울 값을 숫자로 변환하고 표시된 대로 출력을 표시했습니다. <html> <body> <script> document.write(Number("10.5") + &qu
Javascript는 JSON을 객체로 변환하기 위해 JSON.parse() 메소드를 제공했습니다. JSON이 구문 분석되면 JSON의 요소에 액세스할 수 있습니다. 구문 var obj = JSON.parse(JSON); JSON 이 필요합니다. 제공된 JSON의 요소에 액세스할 수 있도록 개체로 구문 분석합니다. . 예시-1 다음 예에서 JOSN 변수에 할당되어 객체 로 변환됩니다. 나중에 JSON 요소의 값을 표시했습니다. 출력에 표시된 대로. <html> <body> <script> &n
기본 데이터 유형 문자열에 지나지 않습니다. , 숫자 , 부울 등. 변환 기본 개체 데이터 유형, 자바스크립트 toString()과 같은 일부 메서드를 제공했습니다. , valueOf() 등. 이러한 방법을 사용하면 자바스크립트 개체를 기본 데이터 유형으로 쉽게 변환할 수 있습니다. . 예시-1 다음 예에서 일반 배열 기본 데이터 유형 문자열로 변환되었습니다. 및 결과가 출력에 표시됩니다. <html> <body> <script> var arr = [1, 2, 3];
화살표 함수의 this 키워드 자바스크립트 이 키워드는 그것이 속한 객체를 나타냅니다. 화살표 함수에서 이 는 전역 개체에 속합니다. 간단한 함수 내부에는 이 키워드는 정의되지 않음이 될 수 있습니다. 그러나 화살표 기능을 사용하면 정확한 가치 . 예 <html> <body> <script> function Student(fname, grade) { this.fname = fname; this
양식에는 일반적으로 이름 이 있습니다. 및 타겟 . 이름이 없으면 어떤 형식도 확인하기가 매우 어렵습니다. 양식의 이름과 대상을 찾기 위해 javascript는 document.name을 제공했습니다. 및 document.target 각기. 개별적으로 논의합시다. 이름 양식 예시 다음 예에서 이름 양식의 document.name을 사용하여 찾습니다. 자바스크립트의 메소드. 양식 이름은 확인 에 사용됩니다. 양식. <html> <body> <form id="form1&qu
Javascript가 document.acceptCharset을 제공했습니다. 및 document.enctype accept-charset을 얻으려면 및 enctype 형태의. 개별적으로 논의합시다. Accept-Charset 예시 다음 예에서 양식 처음에 accept-charset을 제공했습니다. DOM 속성 document.acceptCharset 사용 accept-charset 출력에 표시된 대로 값이 표시됩니다. <html> <body> <form id="form1" acc
문서 일생 동안 많은 변화를 겪을 것입니다. 자바스크립트는 document.lastModified라는 명령을 제공했습니다. 문서가 마지막으로 수정된 인스턴스를 가져옵니다. 이 명령은 정확한 수정 날짜와 시간을 제공합니다. 구문 Time = document.lastModified; 예시-1 다음 예에서 document.lastModified 사용 방법 문서의 마지막 수정 날짜 및 시간이 출력에 표시된 대로 표시됩니다. <html> <body> <script> document.write("
액션 속성 및 메서드 양식에 내장되어 있지 않으므로 외부에서 양식에 지정해야 합니다. 자바스크립트는 document.action을 제공했습니다. 및 document.method 액션 속성을 가져오는 방법 및 메서드 각각의 형태입니다. 개별적으로 논의합시다. 액션 속성 예시 다음 예에서는 document.action을 사용하여 양식의 action 속성을 찾습니다. 속성을 지정하고 결과를 출력에 표시했습니다. <html> <body> <form id="frm1" action="
()(괄호) 대괄호는 함수에 액세스하는 데 중요한 역할을 합니다. () 없이 함수에 액세스하면 함수 정의가 반환됩니다. 함수 결과 대신. ()로 함수에 접근하면 결과를 얻을 수 있습니다. () 없음 예시 다음 예에서 함수는 () 없이 액세스됩니다. 그래서 함수 정의 출력에 표시된 대로 결과 대신 반환됩니다. <html> <body> <script> function toCelsius(f) { return (5/9) * (f-32); } document.write(toCel
세 가지 방법이 있습니다. 값을 부울로 변환 . 이 3가지 방법에서 2가지 방법에는 부울 이 포함됩니다. 키워드가 있는 반면 다른 방법은 기호 !! 사용. 자세히 논의해 보겠습니다. 부울 키워드 사용 예시 다음 예에서 부울 키워드가 구현되어 결과가 출력에 표시된 대로 표시됩니다. <html> <body> <script> const isTrue = 'Golden State Warriors'; document.write(new Boolea
객체 값 점 표기법을 사용하여 액세스할 수 있습니다. 또는 대괄호 표기 . 그러나 변수 키를 사용하여 값에 액세스할 수도 있습니다. 간단히 살펴보겠습니다. 점 및 대괄호 표기법 사용 예시 다음 예에서 객체 값 점 및 대괄호 표기법을 사용하여 액세스합니다. . 대괄호 표기 사용 문자열 키를 사용하는 것뿐입니다. . <html> <body> <script> let me = { name: 'javascript' }; document.write(me.name);
이전에는 2단계 프로세스였습니다. 객체에 속성을 생성하지만 ES6의 출현 작업을 매우 간단하게 만들었습니다. 한 단계만으로 속성을 동적으로 생성할 수 있습니다. 간단히 이야기해 보겠습니다. 기존 방법(2단계 프로세스) 예시 다음 예에서 속성 , 개체 자체에서 선언하는 대신 외부 로 선언됩니다. 개체를 생성하여 2단계 프로세스로 만듭니다. <html> <body> <script> let person = 'name'; let student
ES6의 템플릿 문자열 문자열을 결합하는 새로운 방법입니다. join()과 같은 메소드가 이미 있습니다. , 연결() 등은 문자열을 결합하지만 템플릿 문자열 방법이 가장 정교합니다. 가독성이 더 높기 때문에 , 백슬래시 없음 따옴표와 더 이상 더러운 더하기 연산자를 이스케이프하지 않도록 . concat() 및 join() 사용 예시 다음 예에서 join() 및 연결() 메서드는 문자열을 결합하는 데 사용됩니다. 주의 깊게 관찰하면 코드가 매우 지저분해 보입니다. <html> <body> <script&
문자열 및 숫자 그런 다음 추가 대신 연결 이 추가됩니다. 일어난다. 둘 다 결국 첨부했습니다. 서로. 그러나 추가해야 하는 경우 문자열을 정수로 변환해야 합니다. 이 상황에서 + 오퍼레이터가 등장한다. 실제로 문자열을 정수로 변환하고 추가하는 데 도움이 됩니다. 예시-1 다음 예에서 문자열 변환 없이 숫자에 직접 추가됩니다. . 따라서 연결 출력에 표시된 대로 덧셈 대신에 발생합니다. <html> <body> <script> const string = "1
Javascript는 특정 작업을 완료하기 위해 많은 내장 기능을 제공합니다. 그러나 이러한 내장 함수로 프로그램을 정상적으로 해결하려고 하면 코드가 간결하지 않을 수 있습니다. Javascript는 또한 일부 내장된 고차 함수를 제공했습니다. 이러한 고차 함수 코드의 길이를 줄이고 가독성을 높이며 접근성을 단순화합니다. 고차 함수 중 일부는 지도, 필터 및 축소입니다. . 고차 함수 필터링에 대해 논의해 보겠습니다. 예시 상위 가 없을 때 기능 프로그램 코드는 전체적으로 더 많은 단계를 수행할 수 있습니다. 다음 예에서는 제공
자바스크립트 내비게이터 개체를 제공했습니다. 브라우저에 대한 세부 정보를 알고 있습니다. navigator.platform 을 제공했습니다. 및 내비게이터.언어 브라우저의 플랫폼 및 언어에 대한 세부 정보를 각각 가져옵니다. 각각에 대해 개별적으로 논의해 보겠습니다. 브라우저 플랫폼 구문 platform = navigator.platform; 예시 플랫폼 을 얻으려면 어떤 브라우저에서 작동하는지, 내비게이터 개체 navigator.platform을 제공했습니다. . 일부 플랫폼은 MacIntel , Win32 , 웹TV OS
자바스크립트 document.href를 제공했습니다. 및 document.target 링크에서 href 및 target 속성을 가져옵니다. 링크는 일반적으로 태그 및 그 내부에 href 를 포함하는 앵커 태그가 제공됩니다. 및 타겟 속성. 개별적으로 논의합시다. href 속성 찾기 href 속성을 가져오려면 document.href 사용되어야 합니다. 다음 예에서 href 속성은 https://www.tutorialspoint.com/이라는 링크로 구성되며 프로그램이 실행되면 표시됩니다. 예시 <html> <
자바스크립트 HTML DOM HTML 데이터에 액세스하고 조작하는 몇 가지 기본 방법을 제공했습니다. 제목 을 찾으려면 및 URL 문서의 경우 자바스크립트가 document.title을 제공했습니다. 및 document.URL 각기. 개별적으로 논의합시다. 문서 제목 문서의 제목을 얻으려면 자바스크립트 HTML DOM document.title을 제공했습니다. 방법. 다음 예에서 제목 문서의 내용이 검색되어 출력에 표시된 대로 표시됩니다. 예시 <html> <head> <title>
앵커 태그 자바 스크립트에서 문서를 다룰 때 매우 일반적입니다. 자바스크립트는 document.anchors .length를 제공했습니다. 문서의 앵커 수를 가져옵니다. 이 방법은 프로그램의 다른 라인 코드에 영향을 주지 않습니다. 앵커 태그의 길이만 렌더링합니다. 구문 length = document.anchors.length; 앵커 태그의 수만 반환합니다. 다른 코드 줄에 영향을 주지 않고. 예시-1 다음 예에서는 두 개의 앵커 태그가 사용되었으며 해당 길이는 DOM 속성 document를 사용하여 표시되었습니다. .anchor
자바스크립트 앵커 태그 배열과 같은 따르기 구조. 특정 앵커 태그를 표시하려고 할 때 document.anchors.innerHTML 을 사용해야 합니다. 방법. 이 방법은 특정 요소를 표시하는 데 사용되는 배열 방법과 동일하게 작동합니다. 구문 element = document.anchors[i].innerHTML; 예시-1 다음 예에서 첫 번째 앵커 태그 2개의 앵커 태그 중 가 출력과 같이 표시됩니다. <html> <body> <a name="Tutor">Tutorix<