プログラミング学習の記録 262 独習JavaScript (大型本)の第11章(Prototype.js)の11.3(基本オブジェクトの拡張)の練習問題11.2

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

"独習JavaScript (大型本)"のp.424, 第11章(Prototype.js)の11.3(基本オブジェクトの拡張)の練習問題11.2を解いてみる。

1.

var sum = 0; (10).times(function(i){ sum=sum+(i+1); }); alert(sum);

 

2.

var title = "独習Java"; title1 = title.sub(/Java/, "JavaScript"); document.write("変換前: " + title + " 変換後: " + title1);

 

3.

最終的に

array=[2,,4, 5]

となる。

確認

var array = [1, 2, 3, 4, 5]; // array=[1, 2, null, 4, 5]; array[2] = null; // array=[1, 2, null,4 , 5]; array.compact(); // array=[2, null, 4, 5] array = array.without(1); document.write(array);

 

4.

var array = ["pHP", "Java", "JavaScript", "Perl"]; var result = []; array.each(function (item) { if (item.indexOf("Java") != -1) { result[result.length] = item; } }); alert(result.inspect());

 

5.

W3C DOMのAPIを使った場合

var img = document.createElement("img"); img.setAttribute("src", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizaFCNOlwi9T1u6s_bOWB4D3OVA4yFZOsjE3y4uvGoSoT0M_QGvF3L4Jxd1ChLeJwH6TnmCtII2FMhfAFr0HYjHBej4C2Lmq7whyphenhyphenp_6Q_tOLMB7jSd9mLrl14IRpB_tmsVcGx3cJ7yq2Az/s144/kamimura.png"); img.setAttribute("alt", "kamimura"); img.setAttribute("width", "350"); img.setAttribute("height", "350"); var d0 = document.getElementById("d0"); d0.appendChild(img);

 

Prototype.jsを使った場合

var img = new Element("img", { "src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizaFCNOlwi9T1u6s_bOWB4D3OVA4yFZOsjE3y4uvGoSoT0M_QGvF3L4Jxd1ChLeJwH6TnmCtII2FMhfAFr0HYjHBej4C2Lmq7whyphenhyphenp_6Q_tOLMB7jSd9mLrl14IRpB_tmsVcGx3cJ7yq2Az/s144/kamimura.png", alt: "kamimura", width: "350", height: "350" }); var d1 = $("d1"); d1.appendChild(img);