코딩하다 현타올 때

질문 : JavaScript 함수에 대한 기본 매개 변수 값 설정 JavaScript 함수에 기본값을 설정 한 선택적 인수가 있고 값이 정의되지 않은 경우 사용됩니다 (값이 전달되면 무시 됨). Ruby에서는 다음과 같이 할 수 있습니다. def read_file(file, delete_after = false) # code end JavaScript에서 작동합니까? function read_file(file, delete_after = false) { // Code } 답변 ES6 / ES2015 부터 기본 매개 변수는 언어 사양에 있습니다. function read_file(file, delete_after = false) { // Code } 그냥 작동합니다. 참조 : 기본 매개 변수-MDN 기본 ..

질문 : Node.js를 언제 사용할지 결정하는 방법은 무엇입니까? 나는 이런 종류의 것에 익숙하지 않지만 최근 Node.js 가 얼마나 좋은지에 대해 많이 들었습니다. 일반적으로 jQuery와 JavaScript로 작업하는 것을 얼마나 좋아하는지 고려할 때 Node.js를 언제 사용할지 결정하는 방법이 궁금합니다. 제가 염두에두고있는 웹 애플리케이션은 Bitly 와 같은 것입니다. 일부 콘텐츠를 가져 와서 보관합니다. 지난 며칠 동안했던 모든 숙제에서 다음과 같은 정보를 얻었습니다. Node.js 일반 웹 서버로 실행할 수있는 명령 줄 도구이며 JavaScript 프로그램을 실행할 수 있습니다. 훌륭한 V8 JavaScript 엔진을 활용합니다. 동시에 여러 작업을해야 할 때 매우 좋습니다. 이벤트 기..

질문 : 자바 스크립트 개체 배열에서 ID로 개체 찾기 배열이 있습니다. myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.] 배열의 구조를 변경할 수 없습니다. 45 의 ID를 전달 받고 있으며 배열의 해당 객체에 대한 'bar' 를 얻고 싶습니다. JavaScript 또는 jQuery를 사용하여 어떻게합니까? 답변 find() 메소드를 사용하십시오. myArray.find(x => x.id === '45').foo; MDN에서 : find() 메서드는 배열의 요소가 제공된 테스트 함수를 충족하는 경우 배열의 첫 번째 값을 반환합니다. 그렇지 않으면 undefined 가 반환됩니다. 대신 색인 을 찾으려면 findIndex() 사용하십시오..

질문 : JavaScript에서 10 진수를 16 진수로 변환하는 방법 십진수 값을 JavaScript에서 16 진수 값으로 어떻게 변환합니까? 답변 다음을 사용하여 숫자를 16 진수 문자열로 변환합니다. hexString = yourNumber.toString(16); 그리고 다음을 사용하여 프로세스를 되돌립니다. yourNumber = parseInt(hexString, 16); 출처 : https://stackoverflow.com/questions/57803/how-to-convert-decimal-to-hexadecimal-in-javascript

질문 : JavaScript의 For..In 루프-키 값 쌍 JavaScript에서 foreach 루프와 같은 작업을 수행하는 방법이 있는지 궁금합니다. 내가 찾고있는 기능은 다음과 같은 PHP 스 니펫입니다. foreach($data as $key => $value) { } 나는 JS보고 있었다 for..in 루프 만이 지정할 수있는 방법은없는 것 같다 as . '일반'for 루프 ( for(var i = 0; i 값 쌍을 잡는 방법이 있습니까? 답변 ES6를 기본적으로 또는 Babel (js 컴파일러)과 함께 사용할 수 있다면 다음을 수행 할 수 있습니다. const test = {a: 1, b: 2, c: 3}; for (const [..

질문 : JavaScript에서 두 날짜의 차이를 얻습니까? 하루 종일 두 날짜의 차이를 어떻게 구합니까? (하루 중 분수를 원하지 않음) var date1 = new Date('7/11/2010'); var date2 = new Date('12/12/2010'); var diffDays = date2.getDate() - date1.getDate(); alert(diffDays) 위의 방법을 시도했지만 작동하지 않았습니다. 답변 한 가지 방법이 있습니다 . const date1 = new Date('7/13/2010'); const date2 = new Date('12/15/2010'); const diffTime = Math.abs(date2 - date1); const diffDays = Math...

질문 : JavaScript 클로저 vs. 익명 함수 제 친구와 저는 현재 JS에서 클로저가 무엇이고 무엇이 아닌지에 대해 논의하고 있습니다. 우리는 그것을 정말로 정확하게 이해하기를 원합니다. 이 예를 들어 보겠습니다. 카운팅 루프가 있고 콘솔에 카운터 변수를 지연 인쇄하려고합니다. 따라서 setTimeout 및 클로저 를 사용하여 카운터 변수의 값을 캡처하여 N x 값 N을 인쇄하지 않도록합니다. 폐쇄 또는 폐쇄가 될 것 근처에 아무것도없는 잘못된 해결책 : for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000); } i 값의 10 배, 즉 10을 인쇄합니다. 그래서 그의 시도는 : for(var i = 0; i <..

질문 : 정수 나누기를 수행하고 JavaScript에서 나머지를 별도로 얻는 방법은 무엇입니까? JavaScript 에서 어떻게 얻을 수 있습니까? 답변 일부 숫자 y 와 일부 제수 x 대해 몫 ( quotient )과 나머지 ( remainder )를 다음과 같이 계산합니다. var quotient = Math.floor(y/x); var remainder = y % x; 출처 : https://stackoverflow.com/questions/4228356/how-to-perform-an-integer-division-and-separately-get-the-remainder-in-javascr

질문 : CommonJS, AMD 및 RequireJS 간의 관계? 나는 많이 읽은 후에도 CommonJS, AMD 및 RequireJS 에 대해 여전히 매우 혼란 스럽습니다. CommonJS (이전의 ServerJS )는 언어가 브라우저 외부에서 사용될 때 일부 JavaScript 사양 (예 : 모듈)을 정의하는 그룹이라는 것을 알고 있습니다. CommonJS 모듈 사양에는 Node.js 또는 RingoJS 와 같은 구현이 있습니다. CommonJS , AMD ( Asynchronous Module Definition ) 및 RequireJS 간의 관계는 무엇입니까? RequireJS 는 CommonJS 모듈 정의의 구현입니까? 그렇다면 AMD 는 무엇입니까? 답변 RequireJS 는 AMD API ..

질문 : Node.js에서 파일을 자동으로 다시로드하는 방법은 무엇입니까? Node.js에서 파일 자동 다시로드를 구현하는 방법에 대한 아이디어가 있습니까? 파일을 변경할 때마다 서버를 다시 시작하는 데 지쳤습니다. 분명히 Node.js의 require() 함수는 파일이 이미 필요한 경우 파일을 다시로드하지 않으므로 다음과 같은 작업을 수행해야합니다. var sys = require('sys'), http = require('http'), posix = require('posix'), json = require('./json'); var script_name = '/some/path/to/app.js'; this.app = require('./app').app; process.watchFile(scrip..

질문 : AngularJS의 ng-options에서 값 속성을 어떻게 설정합니까? (나를 포함하여) 많은 사람들을 괴롭히는 것 같습니다. ng-options 태그에 대한 옵션을 채울 때 옵션 값을 설정하는 방법을 알 수 없습니다. 이것에 대한 문서는 정말 불분명합니다-적어도 저와 같은 멍청이에게는. 옵션에 대한 텍스트를 다음과 같이 쉽게 설정할 수 있습니다. ng-options="select p.text for p in resultOptions" resultOptions 가 다음과 같은 경우 : [ { "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ] 옵션 값을 설정하는 것이 가장 간단해야하지만 지금까지는 이해하지 못했습니다. 답변 ngOptio..

질문 : React JSX : 선택에서 "선택됨"선택선택권 메뉴의 React 컴포넌트에서 애플리케이션 상태를 반영하는 옵션에 selected 속성을 설정해야합니다. render() 에서 optionState 는 상태 소유자에서 SortMenu 구성 요소로 전달됩니다. 옵션 값은 JSON에서 props render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' : ''; options.push( {option.label} ); }); // p..

질문 : Javascript의 문자열에서 문자의 발생 수를 계산합니다. 문자열에서 문자의 발생 횟수를 계산해야합니다. 예를 들어 내 문자열에 다음이 포함되어 있다고 가정합니다. var mainStr = "str1,str2,str3,str4"; , 문자의 수를 3으로 찾고 싶습니다. 그리고 쉼표를 따라 분할 한 후 개별 문자열의 수는 4입니다. 또한 각 문자열 즉, str1 또는 str2 또는 str3 또는 str4가 15자를 초과하지 않아야 함을 확인해야합니다. 답변 이 답변을 업데이트했습니다. 나는 매치를 더 잘 사용한다는 생각을 좋아하지만 속도가 느립니다. console.log(("str1,str2,str3,str4".match(/,/g) || []).length); //logs 3 console.l..

질문 : JavaScript에서 문자열을 자르시겠습니까? JavaScript에서 문자열을 어떻게 다듬습니까? 즉, JavaScript에서 문자열의 시작과 끝에서 모든 공백을 어떻게 제거합니까? 답변 IE9 + 이후 모든 브라우저에는 trim() 메서드가 있습니다. " \n test \n ".trim(); // returns "test" here trim() 지원하지 않는 브라우저의 경우 MDN 에서이 polyfill을 사용할 수 있습니다. if (!String.prototype.trim) { (function() { // Make sure we trim BOM and NBSP var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g; String.prototype.trim ..

질문 : ReactJS- "setState"가 호출 될 때마다 render가 호출됩니까? setState() 가 호출 될 때마다 모든 구성 요소와 하위 구성 요소를 다시 렌더링합니까? 그렇다면 그 이유는 무엇입니까? 저는 React가 상태가 변경 될 때 필요한만큼만 렌더링된다는 생각을했습니다. state 를 동일한 값으로 설정하기 때문에 후속 클릭에서 상태가 변경되지 않더라도 텍스트를 클릭하면 두 클래스가 다시 렌더링됩니다. this.setState({'test':'me'}); state 데이터가 변경된 경우에만 렌더링이 발생할 것으로 예상했습니다. 다음은 JS Fiddle 및 포함 된 스 니펫과 같은 예제 코드입니다. var TimeInChild = React.createClass({ render: f..

질문 : JSLint 또는 JSHint JavaScript 유효성 검사를 사용해야합니까? 저는 현재 JSLint에 대해 JavaScript의 유효성을 검사하고 진행 중이며, 특히 Jquery 라이브러리 작업에서 더 나은 JavaScript를 작성하는 데 도움이됩니다. 이제 JSLint 의 포크 인 JSHint를 접했습니다 . 그래서 나는 JavaScript가 구동되는 웹 애플리케이션이 더 좋거나 가장 적용 가능한 유효성 검사 도구가 작동하는지 궁금합니다. JSLint 또는 JSHint? 이제 유효성 검사 메커니즘을 결정하고 계속해서 클라이언트 측 유효성 검사에 이것을 사용하고 싶습니다. 그리고 jshint와 jslint의 차이점은 무엇입니까? 하나의 자바 스크립트 예에서 설명하십시오. 연결: jshint..

질문 : JavaScript의 객체 배열에서 고유 한 값을 얻는 방법은 무엇입니까? 다음이 있다고 가정합니다. var array = [ {"name":"Joe", "age":17}, {"name":"Bob", "age":17}, {"name":"Carl", "age": 35} ] 다음과 같은 결과 배열을 얻을 수 있도록 모든 구별되는 연령의 배열을 얻을 수있는 가장 좋은 방법은 무엇입니까? [17, 35] "age"의 값을 확인하는 각 배열을 반복하고 다른 배열의 존재 여부를 확인하고 그렇지 않은 경우 추가 할 필요가 없도록 데이터 또는 더 나은 방법을 대안 적으로 구성 할 수있는 방법이 있습니까? 반복하지 않고 다른 연령대를 뽑을 수있는 방법이 있다면 ... 개선하고 싶은 현재의 비효율적 인 방법 ....

질문 : 중첩 된 JavaScript 개체 키의 존재 여부 테스트 객체에 대한 참조가있는 경우 : var test = {}; 잠재적으로 (즉각적인 것은 아님) 다음과 같은 중첩 된 개체가 있습니다. {level1: {level2: {level3: "level3"}}}; 깊이 중첩 된 객체에서 속성의 존재를 확인하는 가장 좋은 방법은 무엇입니까? alert(test.level1); undefined 산출하지만 alert(test.level1.level2.level3); 실패합니다. 나는 현재 다음과 같은 일을하고 있습니다. if(test.level1 && test.level1.level2 && test.level1.level2.level3) { alert(test.level1.level2.level3); ..

질문 : JavaScript에서 선행 0으로 숫자를 출력하는 방법은 무엇입니까? 숫자 앞에 0을 추가하여 길이가 고정 된 문자열이되도록하는 방법이 있습니까? 예를 들어 2 자리를 지정하면 5 는 "05" 답변 참고 : 오래되었을 수 있습니다. ECMAScript 2017에는 String.prototype.padStart 포함됩니다. 숫자는 선행 0으로 이해되지 않으므로 숫자를 문자열로 변환해야합니다. 이 같은: function pad(num, size) { num = num.toString(); while (num.length < size) num = "0" + num; return num; } 또는 X 개 이상의 0을 사용하지 않는다는 것을 알고 있다면 이것이 더 나을 수 있습니다. 이것은 10 자리 ..

질문 : Node.js에서 파일을 복사하는 가장 빠른 방법 내가 작업중인 프로젝트 (Node.js)는 파일 시스템 (복사, 읽기, 쓰기 등)과 관련된 많은 작업을 의미합니다. 어떤 방법이 가장 빠릅니까? 답변 표준 기본 제공 fs.copyFile : const fs = require('fs'); // File destination.txt will be created or overwritten by default. fs.copyFile('source.txt', 'destination.txt', (err) => { if (err) throw err; console.log('source.txt was copied to destination.txt'); }); fs.copyFile 지원하지 않는 버전에서 수행하..

질문 : AngularJS 1.2 $ injector : modulerr 1.07 대신 angular 1.2를 사용할 때 다음 코드가 더 이상 유효하지 않습니다. 왜 그런가요? 'use strict'; var app = angular.module('myapp', []); app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $locationProvider.html5Mode(true); $routeProvider. when('/', { templateUrl: 'part.html', controller: 'MyCtrl' }). otherwise({ redirectTo: '/' }); } ]..

질문 : 자바 스크립트 비공개 메서드 공용 메서드로 JavaScript 클래스를 만들려면 다음과 같이합니다. function Restaurant() {} Restaurant.prototype.buy_food = function(){ // something here } Restaurant.prototype.use_restroom = function(){ // something here } 이렇게하면 내 수업의 사용자가 다음을 수행 할 수 있습니다. var restaurant = new Restaurant(); restaurant.buy_food(); restaurant.use_restroom(); buy_food 및 use_restroom 메소드로 호출 할 수 있지만 클래스 사용자가 외부 적으로 호출 할 ..

질문 : JavaScript 날짜를 UTC로 어떻게 변환합니까? 웹 사이트 사용자가 날짜 범위를 입력한다고 가정합니다. 2009-1-1 to 2009-1-3 일부 처리를 위해이 날짜를 서버로 보내야하지만 서버는 모든 날짜와 시간이 UTC로 될 것으로 예상합니다. 이제 사용자가 알래스카, 하와이 또는 피지에 있다고 가정합니다. UTC와는 상당히 다른 시간대에 있으므로 날짜 범위를 다음과 같이 변환해야합니다. 2009-1-1T8:00:00 to 2009-1-4T7:59:59 JavaScript Date 객체를 사용하여 첫 번째 "현지화 된"날짜 범위를 서버가 이해할 수있는 것으로 어떻게 변환합니까? 답변 toISOString() 메서드는 항상 24 자 또는 27 자 길이 ( YYYY-MM-DDTHH:mm:s..

질문 : JavaScript를 통해 도메인 간 POST 요청을 보내려면 어떻게해야합니까? JavaScript를 통해 도메인 간 POST 요청을 보내려면 어떻게해야합니까? 참고-페이지를 새로 고치면 안되며 나중에 응답을 가져와 구문 분석해야합니다. 답변 업데이트 : 계속하기 전에 모두가 CORS에 대한 html5rocks 튜토리얼을 읽고 이해해야합니다. 이해하기 쉽고 매우 명확합니다. POST되는 서버를 제어하는 경우 서버에 응답 헤더를 설정하여 "교차 출처 리소스 공유 표준"을 활용하면됩니다. 이 답변은이 스레드의 다른 답변에서 논의되지만 내 의견으로는 명확하지 않습니다. 간단히 말해서 from.com/1.html에서 to.com/postHere.php로 교차 도메인 POST를 수행하는 방법입니다 (예 ..

질문 : JavaScript 객체에 키 / 값 쌍을 추가하려면 어떻게해야합니까? 다음은 내 개체 리터럴입니다. var obj = {key1: value1, key2: value2}; 객체에 value3 key3 을 어떻게 추가 할 수 있습니까? 답변 객체에 새 속성 을 추가하는 방법에는 두 가지가 있습니다. var obj = { key1: value1, key2: value2 }; Using dot notation: obj.key3 = "value3"; Using square bracket notation: obj["key3"] = "value3"; 첫 번째 양식은 속성의 이름을 알고있을 때 사용됩니다. 두 번째 형식은 속성 이름이 동적으로 결정될 때 사용됩니다. 이 예에서와 같이 : var getPro..