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

このコードで作成された配列があります： var widthRange = new Array(); widthRange[46] = { min:0, max:52 }; widthRange[66] = { min:52, max:70 }; widthRange[90] = { min:70, max:94 }; 46、66、90の各値をループで取得したいと思います。私は試しましたfor (var key in widthRange)が、これは私にたくさんの追加のプロパティを与えます（私はそれらがオブジェクトの関数であると思います）。値がシーケンシャルではないため、通常のforループを使用できません。

80 javascript  arrays  key 

私はアプリを開発していて、Internet Explorerについて心配する必要はなく、InternetExplorer1にはないA +グレードのブラウザーにある機能のいくつかを調べていました。 私が試したかったこれらの機能の1つは、JavaScriptのletキーワードです。 Firefox 3.6で「let」の例を動作させることができないようです（ユーザーエージェント文字列：Mozilla / 5.0（Windows; U; Windows NT 5.1; en-US; rv：1.9.2）Gecko / 20100115 Firefox / 3.6（.NET CLR 3.5.30729））。SyntaxError: missing ; before statement実行すると取得しlet foo = "bar"ます。 では、どのブラウザがletキーワードをサポートしていますか？（または私は何か間違ったことをしていますか？）

80 javascript  firefox  firefox3.6 

想像してみてください： <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> <div id="new-parent"></div> JavaScriptはからすべての子ノード（両方の要素、およびテキストノード）を移動するために書き込むことができますどのようold-parentにnew-parentjQueryをせずに？ ノード間の空白は気にしませんが、迷子をキャッチすることを期待していますが、ノードもHello Worldそのまま移行する必要があります。 編集 明確にするために、私は最終的に： <div id="old-parent"></div> <div id="new-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> これが提案された複製である質問の答えは、次の結果になります。 <div id="new-parent"> <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> </div>

80 javascript  html  dom-manipulation 

divに複数の行を追加し、それらを削除できるようにしたい。ページの上部にコンテンツを追加するための「+」ボタンがあります。次に、すべての行の右側に、その行を削除するための「-」ボタンがあります。この例では、JavaScriptコードを理解できません。 これが私の基本的なHTML構造です。 <input type="button" value="+" onclick="addRow()"> <div id="content"> </div> これは私がコンテンツdiv内に追加したいものです： <input type="text" name="name" value="" /> <input type="text" name="value" value="" /> <label><input type="checkbox" name="check" value="1" />Checked?</label> <input type="button" value="-" onclick="removeRow()">

80 javascript  html  innerhtml 

私は通常、プロジェクトで"x packages are looking for funding."実行npm installしているときに取得しreactます。どういう意味ですか？

73 javascript  npm 

TypeScriptで条件付き型を使用できるかどうか疑問に思っていましたか？ 現在、私は次のインターフェースを持っています： interface ValidationResult { isValid: boolean; errorText?: string; } しかし、私は削除したいerrorText、と場合にのみ、それを持ってisValidいるfalseように必要なプロパティ。 私はそれを次のインターフェースとして書くことができればいいのに： interface ValidationResult { isValid: true; } interface ValidationResult { isValid: false; errorText: string; } しかし、ご存知のとおり、それは不可能です。それで、この状況についてあなたの考えは何ですか？

65 javascript  typescript  types 

let x = 0; async function test() { x += await 5; console.log('x :', x); } test(); x += 1; console.log('x :', x); コードスニペットを実行する結果を非表示スニペットを展開 xログに記録される値は1および5です。私の質問は次のとおりです：なぜx 52番目のログの値は何ですか？ が（非同期関数であるため）のtest後に実行された場合、x += 1xの値testは実行されるまでに1になるx += await 5ため、の値を作成する必要がありますx 6。

63 javascript  async-await  event-loop 

function singleDigit(num) { let counter = 0 let number = [...num + ''].map(Number).reduce((x, y) => {return x * y}) if(number <= 9){ console.log(number) }else{ console.log(number) return singleDigit(number), counter += 1 } } singleDigit(39) コードスニペットを実行する結果を非表示スニペットを展開 上記のコードは整数を受け取り、それをそれ自身の桁で乗算することにより1桁に減らします。 例は39です。 3 x 9 = 27. 2 x 7 = 14. 1 x 4 = …

62 javascript  recursion 

MDNのドキュメントにundefinedよると： 最新のブラウザー（JavaScript 1.8.5 / Firefox 4以降）では、undefinedは、ECMAScript 5仕様に従って、構成および書き込みができないプロパティです。そうでない場合でも、上書きしないでください。 undefinedのプロパティ属性の1つは、書き込み不可です。 しかし、私がするなら： var undefined = 'hello'; var test = undefined; console.log(typeof test); //string コードスニペットを実行する結果を非表示スニペットを展開 それは私が値を上書きできることを意味しundefinedますか？誰かがそれをしたらどうなりますか？JavaScriptはそれについて警告する必要がありますか？

59 javascript  typeof 

問題を引き起こしているApolloServerプロジェクトを持っているので、最新のBabelを使用すると、プロジェクトを更新して問題が発生する可能性があると思いました。私の「index.js」は： require('dotenv').config() import {startServer} from './server' startServer() そして、それを実行すると、「SyntaxError：モジュールの外でimportステートメントを使用できません」というエラーが表示されます。最初に、TPTB *にこれがモジュールであると納得させるために何かを試みました（成功しませんでした）。そこで、「インポート」を「必須」に変更し、これが機能しました。 しかし、今では他のファイルに約24の「インポート」があり、同じエラーが発生しています。 *問題の根本原因は、問題の不満がどこにあるかさえわからないことだと確信しています。私はそれがBabel 7であると想定していました（私はBabel 6から来ており、プリセットを変更する必要があったためです）が、100％確実ではありません。 私が見つけたソリューションのほとんどは、まっすぐなノードには当てはまらないようです。このようにここに： ES6モジュールのインポートで「Uncaught SyntaxError：Unexpected identifier」が表示される 「type = module」を追加することで解決されたと言いますが、これは通常、HTMLで行われますが、私にはありません。また、プロジェクトの古いプリセットを使用してみました。 "presets": ["es2015", "stage-2"], "plugins": [] しかし、それによって別のエラーが発生します。「エラー：プラグイン/プリセットファイルは、オブジェクトのみをエクスポートできません。関数のみです。」 更新：ここに私が始めた依存関係があります： "dependencies": { "@babel/polyfill": "^7.6.0", "apollo-link-error": "^1.1.12", "apollo-link-http": "^1.5.16", "apollo-server": "^2.9.6", "babel-preset-es2015": "^6.24.1",

53 javascript  node.js  babeljs  apollo-server 

でwebpackを使用しています HtmlWebpackPlugin、html-loaderとfile-loader。フレームワークを使用せず、typescriptのみを使用する単純なプロジェクト構造があります。したがって、HTMLコードを直接に記述しindex.htmlます。また、このHTMLファイルをのテンプレートとして使用していますHtmlWebpackPlugin。 すべてのWebサイトと同じように、PNGを参照する画像をアセットフォルダーに配置する必要があります。file-loader新しいファイル名をsrcタグ内に正しく配置してファイルをロードする必要がありますが、それは何が起こっているのかではありません。代わりに、srcタグの値として、があります[object Module]。私は、file-loaderいくつかのオブジェクトを放出し、その.toString()メソッドが実行されると、このように表されると想定しています。ただし、file-loaderファイルが正常に処理され、新しい名前で出力パスに出力されたことがわかります。エラーは発生しません。これが私のwebpack設定とindex.htmlです。 const projectRoot = path.resolve(__dirname, '..'); { entry: path.resolve(projectRoot, 'src', 'app.ts'), mode: 'production', output: { path: path.resolve(projectRoot, 'dist'), filename: 'app.bundle.js' }, resolve: { extensions: ['.ts', '.js'] }, module: { rules: [ { test: /\.html$/i, use: 'html-loader' }, { test: /\.(eot|ttf|woff|woff2|svg|png)$/i, use: 'file-loader' }, { test: /\.scss$/i, use: …

40 javascript  html  webpack 

反応ネイティブ0.61にアップグレードした後、次のような警告がたくさん表示されます。 VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. 私がVirtualizedList-backed container使用するべき他のものは何ですか？なぜ今それをそのように使用しないように勧められているのですか？

39 javascript  reactjs  react-native 

私はJSをいじっていますが、JSを使用して、作成された配列に追加する要素をJSがどのように決定するのかわかりませんArray.from()。たとえば、次の絵文字👍はlength2のコードポイントで構成されているため、2ですが、Array.from()これらの2つのコードポイントを1つとして扱い、1つの要素を持つ配列を提供します。 const emoji = '👍'; console.log(Array.from(emoji)); // Output: ["👍"] コードスニペットを実行する結果を非表示スニペットを展開 ただし、他の一部の文字には、この文字のように2つのコードポイントがषिあります（a .lengthも2です）。ただし、Array.fromこの文字を「グループ化」せず、代わりに2つの要素を生成します。 const str = 'षि'; console.log(Array.from(str)); // Output: ["ष", "ि"] コードスニペットを実行する結果を非表示スニペットを展開 私の質問は次のとおりです。文字が2つのコードポイントで構成されている場合、文字が分割されるか（例2のように）、または1つの要素として処理されるか（例1のように）を決定するのは何ですか。

38 javascript  string  unicode  iterator 

私はJavaScriptの課題を抱えていますが、しばらくの間、もう少し理解しようとしています。 この配列を考えてみましょう： let arr = [0, 1, 0, 2, 0, 3, 0, 4, 0, 5]; この結果を出力する必要があります： arr = [0, 0, 0, 0, 0, 5, 4, 3, 2, 1] 次のロジック行に従って、ゼロを前に配置し、インデックス値を調整します。 arr.sort((x, y) => { if (x !== 0) { return 1; } if (x === 0) { return -1; } return …

36 javascript  arrays  sorting 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 先月休業。 私はJavaScriptの初心者であり、1つのメイン配列の値を使用して2つの異なる配列を作成しようとしています。 私のメイン配列は次のようになります： 0: Array(3) [ 2011, 127072.7, 51584 ] 1: Array(3) [ 2012, 125920.3, 59974 ] 2: Array(3) [ 2013, 129305.4, 15468 ] 3: Array(3) [ 2014, 135364, 84554 ] 4: Array(3) [ 2015, 136757, 98754 ] 5: Array(3) [ 2016, 155653.5, 155548 ] 6: Array(3) [ …

33 javascript  arrays