元スレ+ JavaScript の質問用スレッド vol.109 +
JavaScript覧 / PC版 /みんなの評価 :
1 = :
JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。
■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。(なりすまし及び煽り防止のため)
(4) 常に自発的に調べる心構えを持ってください。
具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
※必ず「問題の事象が再現されること」を確認してください。
必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
1レスに収まらないならコード投稿サイトを利用してください。
http://jsdo.it/ http://jsbin.com/ http://jsfiddle.net/ http://ideone.com/
3 = :
■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか
4 = :
■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか
6 = :
前スレからです。
よろしくおねがいします。
書き込み不可なはずのプロパティに、
何度か書き込みをかけたり、その作業をする関数を何度か呼ぶと、
Chromeでは書き込みができてしまい、困惑しています。
これはブラウザのバグなのでしょうか?
Object.defineProperty(Object.prototype,'0',{set:function (v){this.first_value=v}});
function test1(){
var a=[];
a[0]=123;
return a[0];
}
function test2(){
var a=[];
for(var i=0;i<100;i++)a[0]=123;
return a[0];
}
test1() //undefined
test1() //123
test1() //123
test2() //123
8 = :
>>6
http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
Array オブジェクトの length プロパティの再定義
>Chrome のバージョンでは一部の状況において、配列の現在の length プロパティと異なる値の length を無視し、
>また書き込み許可の変更は一部の状況において暗黙的に動作しないようです。
9 = :
>>8
貴重な情報、大変大変ありがとうございます。
10 = :
php+Jascrip+jQuerytでAjaxの勉強してるが、なんか、かなり難しいな
全然簡単じゃないやん。
仕事ではJavaで使ってるが、いつかphp+Jascrip+jQuerytでAjaxの勉強
してたことが生かされるときってきますかね?
11 = :
ジャスクリップ?
ジェイクエリート?
13 = :
検索力と根気が役に立つ
14 = :
>>13
なるほどな。
不具合情報とか、Javascript、phpのプログラムの本の間違えとか
ブログで指摘しまくってたら、1日20~30人くらい人が来るようになった。
特定の不具合情報検索したらオレのブログがグーグルで1番目にくるのは
ちょっと達成感ある。
15 = :
ショボww
20 = :
0x0aを
var a = 0x0a;
これを文字列"0x0a"にする方法を教えて
String(a)だと"10"に変換されるからダメ
21 = :
>>20
すぐ上のレスでもダメなのか
22 = :
どちらがシンプルかは判断が難しかったので速度比較したら、
IEやfirefoxでは桁あふれの方が速かったので、そうします
http://jsperf.com/ketaawase
ありがとうございました
23 = :
10進数ならIntlAPIが便利だから覚えておくといいよ。
24 = :
与えられた文字を使って、指定した長さの文字列(文字の重複もOK)の全組み合わせ
var a = ["a","b", "c", "d", "e"];
for(var i=0; i<a.length; i++) {
for(var k=0; k<a.length; k++) {
for(var j=0; j<a.length; j++) {
console.log(a[i] + a[k] + a[j]);
}
}
}
これは5つの文字を使って、長さが3の文字列の組み合わせを出力している
でも、長さを5にしたり10にしたり変更する場合いちいちforを追加してやらなければならない
どうやって改善すればいいか教えて
25 = :
>>24
この例なら、5進数3桁と考えてみるとか。
27 = :
文盲ばっかり
28 = :
参照を保持したまま配列の要素を全て削除するにはどうしたらいいですか?
var a = [1,2,3,4];
var b = a;
var a = [];
console.dir(b);
こうすると、aがbとは別配列になってしまいます
delete(a[0]);
とすれば、参照を保持したまま要素の内容は削除できますが、
要素数が減りません
29 = :
>>27
お前が盲目じゃね?
31 = :
>>28
別配列じゃダメなん?って思ってしまうが、
var a = [1,2,3,4];
a.length = 0;
33 = :
>>31の勝利だろw
34 = :
>>31
そんな方法もあったのですね
ありがとうございました
35 = :
>>24
a = ['a', 'b', 'c', 'd', 'e']
let dup=(a,i,s='',b=[])=>i?a.forEach(v=>dup(a,i-1,s+v,b))||b:b.push(s)
s = dup(a,2) //["aa","ab","ac","ad","ae","ba","bb",......
36 = :
>>33
勝利とか、そういう低レベルな話ではないのです
38 = :
>>35
すげえ
39 = :
>>25-26
それだと文字の種類が増えたときと長さの変更に耐えられないし的外れ
40 = :
>>39
桁数や文字種が数字になってるんだから、そこはなんとかできるでしょ。
41 = :
>>35
ES3版
var dup=function(a,i,s,b){
if(!s)s=''
if(!b)b=[]
if(i){
for(var j=0;j<a.length;j++){
dup(a,i-1,s+a[j],b)
}
return b
}
b.push(s)
}
42 = :
オブジェクトを加工する時は、なるべく参照を保持したまま加工した方が
ガベージコレクションは減りますよね?
別オブジェクトを作成するタイプの関数を破壊的な関数に置き換えたらパフォーマンスが上がる
これは正しいですか?
43 = :
可読性をあげた版
function dup(ary, i, str, ret) {
if ( !str ) str = '';
if ( !ret ) ret = [];
if (i) {
for (var j = 0; j < ary.length; j++) {
var char = ary[j];
dup(ary, i-1, str+char, ret);
}
return ret;
}
ret.push(str);
}
44 = :
具体的にコード貼れ
書いてることが根本的に矛盾してるから意図が分からん
45 = :
>>42
ベンチマークが全て
まずやってから書き込んでくれ。
46 = :
「なるべく参照を保持したまま加工」ってどういうこと?
参照を保持しないと加工なんて出来ないじゃん
クロージャでの変数キャッシュとパフォーマンスの関係を聞いてる?
でも何でGCが出てくるのかがわからん
47 = :
>>43を改良してみた
function dup(ary, i) {
var ret = [];
function dup_deep(i, str) {
if (i) {
for (var j = 0; j < ary.length; j++) {
dup_deep(i-1, str+ary[j]);
}
}
ret.push(str);
}
dup_deep(i, '');
return ret;
}
var a = ['a', 'b', 'c', 'd', 'e'];
console.log(dup(a, 2));
48 = :
http://jsperf.com/yousosuushitei
arrayに最初から要素を与えるか与えないかのベンチマークを取りました
指定した場合、firefoxとchromeで、かなりパフォーマンスアップしました
しかしIEでは遅くなりました
IEで遅くならないようにする方法ありますか?
49 = :
それはIEが仕様的に悪いとは言わないが、最適化が弱い部分
但しV8は64Kを超えるノードは後から追加してくれと1年前の公演で言っていた
今は分からないが、まあ本当に色んな条件が絡んでくるだろうね
まあ、2つ言えるとしたら、new Array(lowLength)はここ数年は優位
確実性を求めるのなら、数値配列であればTypedArrayを使う
50 = :
<script src="lodash.js"></script>
<script>
function dup(list, len) {
return (function deep(i, str) {
return i
? _(list).reduce(function (sum, ch) {
return sum.concat(deep(i-1, str+ch))
}, [])
: str
})(len, '')
}
var a = ['a', 'b', 'c', 'd', 'e'];
console.log(dup(a, 2));
</script>
lodashを使って、ES3でも動くようにして
読みやすさを保ったまま、ぎりぎりまでコードを絞った。
pushはなんかださいのでやめた。
まあ、好きな方を選んでくれ。
let dup=(a,i,s='',b=[])=>i?a.forEach(v=>dup(a,i-1,s+v,b))||b:b.push(s)
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.139 + (1001) - [97%] - 2019/5/27 15:15
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.129 + (926) - [97%] - 2017/7/27 13:45
- + JavaScript の質問用スレッド vol.129 + (981) - [97%] - 2016/5/5 8:16
- + JavaScript の質問用スレッド vol.122 + (116) - [95%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.122 + (1004) - [95%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.141 + (881) - [95%] - 2021/4/19 9:00
トップメニューへ / →のくす牧場書庫について