JavaScript의 Array.join() 메서드는 배열을 결합하고 문자열로 반환하는 데 사용됩니다. 구문은 다음과 같습니다 - array.join(separator) 위에서 매개변수로 사용할 구분자를 설정합니다. 이제 JavaScript 마이너스에서 Array.join() 메서드를 구현해 보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Is th
JavaScript의 array.keys() 메서드는 배열의 키를 가진 Array Iterator 객체를 반환하는 데 사용됩니다. 구문은 다음과 같습니다 - array.keys() 이제 JavaScript에서 array.keys() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Car Variants</h2> <p id="test"></p&g
JavaScript의 Array.of() 메서드는 변수를 매개변수 값으로 사용하여 새 배열 인스턴스를 생성하는 데 사용됩니다. 구문은 다음과 같습니다 - Array.of(elements....) 위의 요소는 매개변수 값입니다. 이제 JavaScript에서 Array.of() 메서드를 구현해 보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click
JavaScript의 Array.prototype.map() 함수를 사용하여 호출된 함수의 결과로 새 배열을 만듭니다. 구문은 다음과 같습니다 - arr.map(function callback(currentValue[, index[, array]]) 이제 JavaScript에서 Array.prototype.map() 메서드를 구현해 보겠습니다. 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>Click to
로컬 파일은 테마 템플릿 파일에 사용된 텍스트 문자열에 대한 번역 세트가 포함된 .json 파일입니다. 모든 언어에 대해 별도의 로컬 파일이 사용됩니다. 코드에 moment.js가 필요하고 webpack으로 패키징하면 모든 로케일 파일을 포함하기 때문에 번들 크기가 커집니다. IgnorePlugin을 사용하여 모든 로케일 파일을 제거할 수 있습니다. 예를 들어, 예시 const webpack = require('webpack'); module.exports = { plugins: [ &nbs
하나의 키를 제외하고 개체를 복제하는 가장 쉬운 방법은 전체 개체를 복제한 다음 필요하지 않은 속성을 제거하는 것입니다. 그러나 복제는 2가지 유형이 될 수 있습니다. - 딥 클론 얕은 복제 얕은 사본은 가능한 한 적게 복제합니다. 컬렉션의 얕은 복사본은 요소가 아니라 컬렉션 구조의 복사본입니다. 얕은 사본을 사용하면 이제 두 컬렉션이 개별 요소를 공유합니다. 예시 let innerObj = { a: 'b', c: 'd' } let obj = { &nb
Express 애플리케이션 서버는 HTTP 요청을 수신할 때마다 개발자에게 일반적으로 res라고 하는 개체를 제공합니다. 예를 들어, 예시 app.get('/test', (req, res) => { // use req and res here }) res 객체는 기본적으로 이 API 호출의 일부로 전송될 응답을 참조합니다. res.send 함수는 콘텐츠 유형을 text/Html로 설정합니다. 즉, 클라이언트는 이제 이를 텍스트로 처리합니다. 그런 다음 클라이언트에 응답을 반환합니다. 다
새로운 Object() 표기법과 Object 리터럴({}) 표기법은 모두 동일한 작업을 수행합니다. 그들은 객체를 초기화합니다. 그러나 두 번째 표기법에 속성을 추가하기 시작하면 두 번째 표기법이 약간 다를 수 있습니다. 예를 들어, 예시 let a = { name: 'Ayush' } 이 초기화는 -와 동일합니다. let a = new Object(); a.name = 'Ayush' 또는 let a = {} a.name = 'Ayush' 그러나 상속된 클래스의
JavaScript의 find() 메서드는 조건이 전달되면 배열의 첫 번째 요소 값을 반환하는 데 사용되며 그렇지 않으면 반환 값이 정의되지 않습니다. 구문은 다음과 같습니다 - array.find(function(val, index, arr),thisValue) 여기서 function은 현재 요소의 값인 val이 있는 함수입니다. index는 배열 인덱스이고 arr은 배열입니다. 이 값 매개변수는 함수에 전달할 값입니다. 예시 <!DOCTYPE html> <html> <body> &n
JavaScript의 fill() 메서드는 배열의 요소를 정적 값으로 채우는 데 사용됩니다. 구문은 다음과 같습니다 - array.fill(val, start, end) 위에서 val은 배열을 채울 값, start는 배열을 채우기 시작하는 인덱스, end는 배열을 채우는 것을 멈추는 인덱스입니다. 이제 JavaScript에서 fill() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Ranking Point
JavaScript의 findIndex() 메소드는 조건이 전달되면 배열의 첫 번째 요소의 인덱스를 반환하는 데 사용됩니다. 구문은 다음과 같습니다 - array.findIndex(function(currentValue, index, arr), thisValue) 이제 JavaScript에서 findIndex() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Rank</h2> &
JavaScript의 from() 메서드는 길이 속성이 있는 모든 객체 또는 반복 가능한 객체에서 Array 객체를 반환하는 데 사용됩니다. 구문은 다음과 같습니다 - Array.from(obj, mapFunction, val) 위에서 매개변수 obj는 배열로 변환할 객체, mapFunction은 호출할 맵 함수, val은 mapFunction 실행 시 사용할 값입니다. 이제 JavaScript에서 from() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body
JavaScript의 reverse() 메소드는 배열 요소를 반전시키는 데 사용됩니다. 구문은 다음과 같습니다 - array.reverse() 이제 JavaScript에서 reverse() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p id="test"></p> <script
JavaScript의 shift() 메서드는 배열의 첫 번째 항목을 제거하는 데 사용됩니다. 구문은 다음과 같습니다 - array.shift() 이제 JavaScript에서 shift() 메서드를 구현해 보겠습니다. - 예시 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p id="test"></p> <script
ECMA-/Javascript 언어는 withvar로 선언된 모든 변수를 함수의 맨 위로 호이스트합니다. 이 언어에는 기능 범위가 있고 다른 많은 C 유사 언어처럼 블록 범위가 없기 때문입니다. function() { for(var a = 0; a < 7; a ++) { var b = 100; } } 와 동일합니다 function() { var b; for(var a = 0; a < 7; a
다음 방법을 사용하여 JavaScript를 사용하여 이미지를 미리 가져올 수 있습니다 - function preloadImage(url) { let img = new Image(); img.src = url; return img; } 모든 브라우저는 이미지를 사용하지 않은 경우 몇 초 후에 이미지를 해제(가비지 수집)합니다. 이를 방지하려면 img 개체에 대한 참조를 유지하세요.
각 방법에서 벗어날 수 없습니다. 네이티브 forEachmethod의 동작을 복사하고 네이티브 forEach는 루프 이스케이프를 제공하지 않습니다(예외 발생 제외). −와 같은 다른 기능을 사용할 수 있습니다. __.find:요소가 발견되면 루프에서 빠져 나옵니다. 예를 들어, _.find([1, 2, 3, 4], (element) => { // Check your condition here if (element === 2) { re
setInterval 메서드를 사용하여 Javascript에서 카운트다운 타이머를 만들 수 있습니다. setInterval() 메서드는 각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하거나 코드 스니펫을 실행합니다. 카운트다운을 생성하려면 현재 시간과 최종 시간의 차이를 확인하고 카운트다운을 계속 업데이트해야 합니다. 예를 들어, 예시 let countDownDate = new Date("Jul 21, 2020 00:00:00").getTime(); let x = setInterval(() =>
ember가 최고의 자바스크립트 웹 개발 프레임워크 중 하나인 데에는 여러 가지 이유가 있습니다. 이러한 이유 중 일부는 - 내장된 템플릿 솔루션으로 인해 훨씬 적은 양의 코드를 작성할 필요가 있습니다. 불씨의 독단적인 아키텍처는 중요하지 않은 결정에 시간 낭비를 방지합니다. 앱 개발을 효율적이고 개발자 친화적으로 만드는 친숙한 API입니다. 완전한 툴킷(Ember CLI) - Ember 애플리케이션을 생성, 개발 및 구축하기 위한 강력한 개발 툴킷입니다. 내장 라우팅 지원.
자바스크립트의 연관 배열은 자바스크립트 객체 리터럴일 뿐입니다. 키가 대괄호 표기법을 사용하여 문자열이면 이러한 개체에 키를 동적으로 추가할 수 있습니다. 예를 들어, 예시 let a = { name: 'Ayush' }; let key = 'age'; // Add the non existing key a[key] = 35; console.log(a) 출력 이것은 출력을 줄 것입니다 - { name: 'Ayush', age: 35 }