코딩하다 현타올 때

질문 : 객체를 문자열로 변환 JavaScript 객체를 문자열로 어떻게 변환 할 수 있습니까? 예: var o = {a:1, b:2} console.log(o) console.log('Item: ' + o) 산출: Object {a = 1, b = 2} // 매우 읽기 쉬운 출력 :) Item : [object Object] // 안에 무엇이 있는지 모르겠습니다 :( 답변 객체의 변수 집합을 JSON 문자열로 변환하는 JSON.stringify 사용하는 것이 좋습니다. 대부분의 최신 브라우저는 기본적으로이 방법을 지원하지만 그렇지 않은 경우에는 JS 버전을 포함 할 수 있습니다. var obj = { name: 'myObj' }; JSON.stringify(obj); 출처 : https://stacko..

질문 : JavaScript를 사용하여 URL에서 #hash를 어떻게 확인할 수 있습니까? # ) 앵커 링크가있을 때만 실행하려는 jQuery / JavaScript 코드가 있습니다. JavaScript를 사용하여이 문자를 어떻게 확인할 수 있습니까? 다음과 같은 URL을 감지하는 간단한 포괄 테스트가 필요합니다. example.com/page.html#anchor example.com/page.html#anotheranchor 기본적으로 다음과 같은 내용이 있습니다. if (thereIsAHashInTheUrl) { do this; } else { do this; } 누구든지 저를 올바른 방향으로 안내해 주시면 대단히 감사하겠습니다. 답변 단순한: if(window.location.hash) { // ..

질문 : JavaScript에서 여러 값을 반환 하시겠습니까? JavaScript 에서 두 값을 반환하려고합니다. 이것이 가능한가? var newCodes = function() { var dCodes = fg.codecsCodes.rs; var dCodes2 = fg.codecsCodes2.rs; return dCodes, dCodes2; }; 답변 아니요,하지만 값을 포함하는 배열을 반환 할 수 있습니다. function getValues() { return [getFirstValue(), getSecondValue()]; } 그런 다음 다음과 같이 액세스 할 수 있습니다. var values = getValues(); var first = values[0]; var second = values[1]..

질문 : 배열 시작 부분의 자바 스크립트 푸시 요소 객체 배열이 있고 배열의 시작 부분에 요소를 푸시하고 싶습니다. 내가 이거 가지고있어: var TheArray = TheObjects.Array; TheArray.push(TheNewObject); TheNewObject 를 추가하고 있습니다. 새 배열을 만들고 TheNewObject 를 추가 한 다음 TheArray 를 반복하고 각 요소를 배열에 추가해야합니까? 답변 시작 부분에 인수를 추가하여 기존 배열을 수정하는 unshift 사용하십시오. TheArray.unshift(TheNewObject); 출처 : https://stackoverflow.com/questions/8159524/javascript-pushing-element-at-the-be..

질문 : 여러 줄 바꿈하지 않는 공백 ( "nbsp") 대신 탭 공백이 있습니까? 를 입력하는 대신 HTML에 탭 문자를 삽입 할 수 있습니까? 네번? 답변 CSS를 사용하는 것이 훨씬 깨끗합니다. padding-left:5em 또는 margin-left:5em 을 적절하게 사용해보십시오. 출처 : https://stackoverflow.com/questions/1571648/tab-space-instead-of-multiple-non-breaking-spaces-nbsp

질문 : 개요 반경? 어쨌든 border-radius 와 비슷한 div element 의 윤곽선 에 둥근 모서리 가 생깁니 까? 답변 지금은 오래된 질문이지만 비슷한 문제를 가진 사람과 관련이있을 수 있습니다. border 가있는 입력 필드가 있었고 초점 윤곽선의 색상을 변경하고 싶었습니다. 입력 컨트롤에 outline 을 길들일 수 없었습니다. 그래서 대신 box-shadow를 사용했습니다. 나는 실제로 그림자의 부드러운 모양을 선호했지만 둥근 윤곽선을 시뮬레이션하기 위해 그림자를 강화할 수 있습니다. input, input:focus { border: none; border-radius: 2pt; box-shadow: 0 0 0 1pt grey; outline: none; transition: .1s..

질문 : CSS가 항상 Javascript보다 우선해야합니까? 온라인의 수많은 곳에서 JavaScript 이전에 CSS를 포함하라는 권장 사항을 보았습니다. 그 이유는 일반적으로 다음 과 같은 형식입니다 . CSS와 자바 스크립트를 주문할 때 CSS가 먼저 나오기를 원합니다. 그 이유는 렌더링 스레드에 페이지를 렌더링하는 데 필요한 모든 스타일 정보가 있기 때문입니다. JavaScript 포함이 먼저 오는 경우 JavaScript 엔진은 다음 리소스 세트로 계속 진행하기 전에 모든 것을 구문 분석해야합니다. 이것은 렌더링 스레드가 필요한 모든 스타일을 가지고 있지 않기 때문에 페이지를 완전히 표시 할 수 없음을 의미합니다. 내 실제 테스트는 매우 다른 것을 보여줍니다. My test harness 다음 ..

질문 : 동적으로 명명 된 속성을 JavaScript 개체에 추가 할 수 있습니까? JavaScript에서 다음과 같은 개체를 만들었습니다. var data = { 'PropertyA': 1, 'PropertyB': 2, 'PropertyC': 3 }; 런타임까지 속성 이름이 결정되지 않은 경우 초기 생성 후이 개체에 추가 속성을 추가 할 수 있습니까? 즉 var propName = 'Property' + someUserInput //imagine someUserInput was 'Z', how can I now add a 'PropertyZ' property to //my object? 답변 예. var data = { 'PropertyA': 1, 'PropertyB': 2, 'PropertyC': 3..

질문 : JavaScript에서 문자열을 여러 번 반복 Perl에서는 다음 구문을 사용하여 문자를 여러 번 반복 할 수 있습니다. $a = "a" x 10; // results in "aaaaaaaaaa" Javascript에서 이것을 수행하는 간단한 방법이 있습니까? 분명히 함수를 사용할 수 있지만, 내장 된 접근 방식이나 다른 영리한 기술이 있는지 궁금합니다. 답변 요즘에는 repeat 문자열 방법 이 거의 모든 곳에서 구현됩니다. ( Internet Explorer 에는 없습니다.) 따라서 이전 브라우저를 지원할 필요가 없다면 다음과 같이 작성하면됩니다. "a".repeat(10) repeat 하기 전에이 해킹을 사용했습니다. Array(11).join("a") // create string wit..

질문 : 값으로 배열 복사 JavaScript의 배열을 다른 배열로 복사하는 경우 : var arr1 = ['a','b','c']; var arr2 = arr1; arr2.push('d'); //Now, arr1 = ['a','b','c','d'] arr2 가 새로운 독립 배열이 아니라 arr1 과 동일한 배열을 참조한다는 것을 깨달았습니다. 두 개의 독립적 인 배열을 얻기 위해 배열을 복사하려면 어떻게해야합니까? 답변 이것을 사용하십시오 : let oldArray = [1, 2, 3, 4, 5]; let newArray = oldArray.slice(); console.log({newArray}); 기본적으로 slice() 작업은 배열을 복제하고 새 배열에 대한 참조를 반환합니다. 다음 사항도 참고하십..

질문 : JavaScript에 상수가 있습니까? JavaScript 에서 상수를 사용하는 방법이 있습니까? 그렇지 않은 경우 상수로 사용되는 변수를 지정하는 일반적인 방법은 무엇입니까? 답변 ES2015 이후 const 라는 개념을 가지고 있습니다. const MY_CONSTANT = "some-value"; 이것은 IE 8, 9 및 10을 제외한 거의 모든 브라우저 에서 작동합니다. 일부는 엄격 모드를 활성화해야 할 수도 있습니다. var 를 사용하여 이전 브라우저를 지원해야하거나 레거시 코드로 작업하는 경우 특정 값을 수정하지 않아야 함을 표시 할 수 있습니다. var MY_CONSTANT = "some-value"; 출처 : https://stackoverflow.com/questions/13039..

질문 : JavaScript 배열에서 마지막 요소 선택 사용자의 위치와 경로를 실시간으로 업데이트하여 구글 맵에 표시하는 어플리케이션을 만들고 있습니다. 매초 업데이트되는 개체를 사용하여 여러 사용자를 동시에 추적 할 수있는 기능이 있습니다. 현재 사용자가 Android 앱에서 버튼을 누르면 좌표가 데이터베이스로 전송되고 위치가 변경 될 때마다지도에 마커가 업데이트되고 폴리 라인이 형성됩니다. 사용자가 여러 명이므로 각 사용자에 대한 개별 경로를 표시 할 수 있도록 고유하고 무작위로 생성 된 영숫자 문자열을 보냅니다. JS가 데이터베이스에서이 데이터를 가져올 때 사용자가 존재하는지 확인하고 존재하지 않는 경우 값이 목록 인 새 키를 만듭니다. 다음과 같이 보일 것입니다. loc = {f096012e-24..

질문 : 어떻게 사용합니까? : JavaScript의 (조건부) 연산자? 간단히 말해서 ?: 조건부, "삼항") 연산자는 무엇이며 어떻게 사용할 수 있습니까? 답변 이것은 if-else 문에 대한 한 줄 속기입니다. 이를 조건부 연산자라고합니다. 1 다음은 조건부 연산자로 단축 할 수있는 코드의 예입니다. var userType; if (userIsYoungerThan18) { userType = "Minor"; } else { userType = "Adult"; } if (userIsYoungerThan21) { serveDrink("Grape Juice"); } else { serveDrink("Wine"); } ?: 로 단축 할 수 있습니다. var userType = userIsYoungerTha..

질문 : 어떤 'clearfix'방법을 사용할 수 있습니까? 2 열 레이아웃을 래핑하는 div 의 오래된 문제가 있습니다. 내 사이드 바가 플로팅되어 컨테이너 div 가 콘텐츠와 사이드 바를 래핑하지 못합니다. Firefox에서 명확한 버그를 수정하는 방법은 여러 가지가 있습니다. overflow:auto overflow:hidden 제 상황에서 제대로 작동하는 유일한 솔루션입니다. overflow:auto 는 나에게 불쾌한 스크롤바를 제공하고 overflow:hidden 에는 반드시 부작용이 있어야합니다. 또한 IE7은 잘못된 동작으로 인해이 문제를 겪지 않아야하지만 내 상황에서는 Firefox와 동일하게 고통 받고 있습니다. 현재 사용 가능한 가장 강력한 방법은 무엇입니까? 답변 생성되는 디자인에 따..

질문 : JavaScript로 파일 확장자를 얻으려면 어떻게해야합니까? 코드 참조 : var file1 = "50.xsl"; var file2 = "30.doc"; getFileExtension(file1); //returns xsl getFileExtension(file2); //returns doc function getFileExtension(filename) { /*TODO*/ } 답변 Newer Edit : 이 질문이 처음 게시 된 이후로 많은 것이 변경되었습니다. Wallacer의 수정 된 답변 과 VisioN의 우수한 분석에 정말 좋은 정보가 많이 있습니다. 편집 : 이것이 허용 된 대답이기 때문에; wallacer의 대답 은 실제로 훨씬 낫습니다. return filename.split('..

질문 : 두 위도-경도 지점 사이의 거리를 계산 하시겠습니까? (하버 신 공식) 위도와 경도로 지정된 두 지점 사이의 거리를 어떻게 계산합니까? 명확히하기 위해 킬로미터 단위의 거리를 원합니다. 포인트는 WGS84 시스템을 사용하며 사용 가능한 접근 방식의 상대적 정확도를 이해하고 싶습니다. 답변 이 링크 는 Haversine 공식 을 사용하여 거리를 계산하는 방법을 자세히 설명하므로 도움이 될 수 있습니다. 발췌 : 이 스크립트는 [자바 스크립트에서] 'Haversine'공식을 사용하여 두 지점 사이의 대원 거리, 즉 지구 표면에서 가장 짧은 거리를 계산합니다. function getDistanceFromLatLonInKm(lat1,lon1,lat2,lon2) { var R = 6371; // Radi..

질문 : clearfix 란 무엇입니까? 최근에 일부 웹 사이트의 코드를 살펴보고 모든 clearfix 클래스가 있음을 clearfix . 빠른 Google 검색 후 때때로 IE6 용이라는 것을 알게되었지만 실제로 clearfix는 무엇입니까? clearfix가없는 레이아웃과 비교하여 clearfix가있는 레이아웃의 몇 가지 예를 제공 할 수 있습니까? 답변 오늘날 레이아웃에 플로팅 요소를 사용하는 것이 더 나은 대안을 사용함에 따라 점점 더 낙담되고 있다는 점에 주목할 가치가 있습니다. display: inline-block -더 좋음 Flexbox- 최고 (그러나 제한된 브라우저 지원) Flexbox는 Firefox 18, Chrome 21, Opera 12.10, Internet Explorer 1..

질문 : 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