タグ付けされた質問 「javascript」

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

7
反復可能かどうかの確認
MDNドキュメント:https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of for...ofコンストラクトは「反復可能な」オブジェクトを反復処理することができるように記述されています。しかし、オブジェクトが反復可能かどうかを判断する良い方法はありますか? 配列、イテレータ、ジェネレータの一般的なプロパティを見つけようとしましたが、見つけることができませんでした。 別に行うためのfor ... oftryブロックにし、型エラーをチェックし、これを行うクリーンな方法は何ですか?
104 javascript 

4
Mochaを使用したJavaScriptのテスト-console.logを使用してテストをデバッグするにはどうすればよいですか?
私はjavascript test-runner "Mocha"を使用しています。 失敗したテストがあるので、を使用してデバッグしconsole.logます。 しかし、テストが実行されても、出力はありません(Mochaからのテスト結果のみ)。Mochaが私のconsole.log出力をキャプチャして抑制したようです! Mochaに出力を表示させるにはどうすればよいですか?(失敗したテストの場合)? 編集: 大変お詫びします!— console.logテスト中に動作します!私はそれが出力を抑制することを期待していたに違いなく、自分のコードを適切にチェックしませんでした。ご返信いただきありがとうございます。それで...言われていること...多分実際に合格したテストの出力を抑制するのは良いことでしょうか?うーん... 関連するメモ:console.logEclipseデバッガーをnode.jsに接続するのに多くの問題を抱えているので、使用したいと思います。 これが難しいと思うのは私だけですか?どうやってnode.jsをデバッグしますか?デバッガを使って、それともconsole.logステートメントを使って?

9
lodash .groupByを使用します。グループ化された出力に独自のキーを追加するにはどうすればよいですか?
このサンプルデータはAPIから返されます。 Lodash _.groupByを使用して、データをより使いやすいオブジェクトに変換しています。返される生データはこれです: [ { "name": "jim", "color": "blue", "age": "22" }, { "name": "Sam", "color": "blue", "age": "33" }, { "name": "eddie", "color": "green", "age": "77" } ] この_.groupBy関数が次のようなオブジェクトを返すようにしたい: [ { color: "blue", users: [ { "name": "jim", "color": "blue", "age": "22" }, { "name": "Sam", "color": "blue", "age": …

23
2つの配列の値が同じかどうかを知る方法
私はこれら2つの配列を持っています。1つはajaxリクエストからの情報で満たされ、もう1つはユーザーがクリックしたボタンを格納します。私はこのコードを使用します(サンプル番号を入力しました): var array1 = [2, 4]; var array2 = [4, 2]; //It cames from the user button clicks, so it might be disordered. array1.sort(); //Sorts both Ajax and user info. array2.sort(); if (array1==array2) { doSomething(); }else{ doAnotherThing(); } ただしfalse、2つの配列が同じでも名前が異なる場合でも、常にが返されます。(私はこれをChromeのJS Consoleで確認しました)。では、これら2つの配列に同じものが含まれているかどうかを知る方法はありますか?なぜそれは与えるのfalseですか?最初の配列のどの値が2番目の配列にないかをどのようにして知ることができますか?


4
VueJSの動的コンポーネントに動的に小道具を渡す
私は動的なビューを持っています: <div id="myview"> <div :is="currentComponent"></div> </div> 関連付けられたVueインスタンス: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); これにより、コンポーネントを動的に変更できます。 :私の場合、私は、3つの異なる要素を持っているmyComponent、myComponent1とmyComponent2。そして、私はこのようにそれらを切り替えます: Vue.component('myComponent', { template: "<button @click=\"$parent.currentComponent = 'myComponent1'\"></button>" } では、小道具をに渡したいと思いmyComponent1ます。 コンポーネントタイプをに変更するときに、これらの小道具をどのように渡すことができmyComponent1ますか?

6
JQuery ajaxリクエストの進捗状況を取得する最もクリーンな方法は何ですか?
単純なJavaScriptでは非常に簡単です:コールバックを添付するだけです {XMLHTTPRequest}.onprogress var xhr = new XMLHttpRequest(); xhr.onprogress = function(e){ if (e.lengthComputable) var percent = (e.loaded / e.total) * 100; }; xhr.open('GET', 'http://www...', true); xhr.onreadystatechange = function() { ... }; xhr.send(null); しかし、私はJQuery($.get()または$.ajax())でhtmlデータをダウンロードするajaxサイトをやっていて、小さなプログレスバーで表示するためにリクエストの進捗状況を取得するための最良の方法であると思いましたが、不思議なことに、私はそうではありませんJQueryドキュメントで有用なものを見つけています...

9
入力タイプの日付に日付を設定する
<input id="datePicker" type="date" />​ 今日の日付をクロームのdatepicker入力タイプの日付に設定します。 $(document).ready( function() { var now = new Date(); var today = now.getDate() + '/' + (now.getMonth() + 1) + '/' + now.getFullYear(); alert(today); $('#datePicker').val(today); });​ しかし、それは機能していません このjsFiddleを編集-Chromeでお試しください。
104 javascript  html  jquery  date 

5
Angular 2 Karma Test 'component-name'は既知の要素ではありません
AppComponentでは、HTMLコードでnavコンポーネントを使用しています。UIは正常に見えます。ng serveを実行してもエラーは発生しません。アプリを見るとコンソールにエラーはありません。 しかし、プロジェクトでKarmaを実行すると、エラーが発生します。 Failed: Template parse errors: 'app-nav' is not a known element: 1. If 'app-nav' is an Angular component, then verify that it is part of this module. 2. If 'app-nav' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 私のapp.module.tsで: …

19
XMLHttpRequestステータス0(responseTextは空)
XMLHttpRequestでデータを取得できません(ステータス0で、responseTextが空です): xmlhttp = new XMLHttpRequest(); xmlhttp.open( "GET"、 "http://www.w3schools.com/XML/cd_catalog.xml"、true); xmlhttp.onreadystatechange = function() { if(xmlhttp.readyState == 4) alert( "ステータス" + xmlhttp.status); } xmlhttp.send(); 「ステータス0」を警告します。 localhost要求の場合と同じ状況(cd_catalog.xmlはローカルファイルとして保存されます) xmlhttp.open( "GET"、 "http://localhost/cd_catalog.xml"、true); しかし、localhost IPリクエストでは xmlhttp.open( "GET"、 "http://127.0.0.1/cd_catalog.xml"、true); そしてローカルファイルリクエスト xmlhttp.open( "GET"、 "cd_catalog.xml"、true); すべて問題ありません(ステータス200) オンラインリクエストで何が問題(status = 0)を引き起こす可能性がありますか? PS:ライブHTTPヘッダーは、4つのケースすべてで問題がないことを示しています。 HTTP / 1.1 200 OK コンテンツの長さ:4742 PS2:VMWare上のApacheローカルWebサーバー(ホストOS Win7、ゲストOS Ubuntu、ネットワークアダプター– NAT)。ブラウザ– …

13
兄弟ノードを選択する方法はありますか?
パフォーマンス上の理由から、選択したノードの兄弟ノードのみを選択する方法を見つけようとしています。 例えば、 <div id="outer"> <div id="inner1"></div> <div id="inner2"></div> <div id="inner3"></div> <div id="inner4"></div> </div> inner1ノードを選択した場合、その兄弟inner2-4ノードにアクセスする方法はありますか?
104 javascript  dom  siblings 

2
JavaScript空の配列を減らす
配列を減らすと、数値をゼロにしようとしていますが、関数の動作を明確に理解していません [].reduce(function(previousValue, currentValue){ return Number(previousValue) + Number(currentValue); }); 結果 TypeError: Reduce of empty array with no initial value 配列が空の場合は削減できないようです [""].reduce(function(previousValue, currentValue){ return Number(previousValue) + Number(currentValue); }); 結果 "" 配列の唯一の要素が空の文字列の場合、空の文字列を取得します


12
JavaScriptで別の文字列に出現するすべての文字列のインデックスを見つける方法は?
私は、大文字と小文字を区別しない、別の文字列内の文字列のすべての出現の位置を見つけようとしています。 たとえば、次の文字列が与えられたとします。 レバノンでウクレレを弾くことを学びました。 そして検索文字列le、私は配列を取得したい: [2, 25, 27, 33] 両方の文字列は変数になります-つまり、それらの値をハードコードすることはできません。 これは正規表現にとって簡単な作業であると考えましたが、うまくいくものを見つけるのにしばらく苦労した後、私は運がありませんでした。 を使用してこれを達成する方法のこの例を見つけました.indexOf()が、確かにそれを行うにはより簡潔な方法が必要ですか?


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.