今回はJavaScriptの組み込みオブジェクトの1つについて解説をします。
実行されているECMAScriptによっては実行できないものがありますので注意しましょう
配列関連の機能を持つオブジェクトです。
ECMAScript v1 に対応している機能は以下のとおりです。
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.join("/"));
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.reverse()); document.writeln(array1);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.sort()); document.writeln(array1);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.length);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.toString());
ECMAScript v3 に対応している機能は以下のとおりです。
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; var array2 = ["ホプ","シィ","ヘヨ","ウコソ"]; document.writeln(array1.concat(array2));
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.slice(3)); document.writeln(array1.slice(1,2));
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.splice(1,2,"sii","heyo")); document.writeln(array1);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.pop()); document.writeln(array1);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.push("よろしく")); document.writeln(array1);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.shift()); document.writeln(array1);
var array1 = ["ほぷ","しぃ","へよ","うこそ"]; document.writeln(array1.unshift("ホプシー")); document.writeln(array1);
ECMAScript v5 に対応している機能は以下のとおりです。
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素にcallback関数で指定した関数を実行する array1.forEach(multiplication); array2.forEach(multiplication); // foreachで使用するcallback関数 // value には配列の値 // index には配列の添え時 // array には配列そのもの function multiplication(value, index, array){ document.writeln(value * 2); }
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素を調べて、1つでも条件を満たしたときtrueになる document.writeln(array1.some(check)); document.writeln(array2.some(check)); // someで使用するcallback関数 // value には配列の値 // index には配列の添え時 // array には配列そのもの function check(value, index, array){ return value < 2; }
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素を調べて全ての配列の値が条件を満たしたときtrueになる document.writeln(array1.every(check)); document.writeln(array2.every(check)); // everyで使用するcallback関数 // value には配列の値 // index には配列の添え時 // array には配列そのもの function check(value, index, array){ return value < 6; }
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素にcallback関数で指定した関数を実行し、新しい配列を生成する document.writeln(array1.map(square)); document.writeln(array2.map(square)); // mapで使用するcallback関数 // value には配列の値 // index には配列の添え時 // array には配列そのもの function square(value, index, array){ return value * value; }
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素にcallback関数で指定した関数を実行 // 条件を満たしたものだけで新しい配列を生成 document.writeln(array1.filter(remove)); document.writeln(array2.filter(remove)); // removeで使用するcallback関数 // value には配列の値 // index には配列の添え時 // array には配列そのもの function remove(value, index, array){ return (value % 2 == 0); }
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素を調べて、1つでも条件を満たしたときtrueになる document.writeln(array1.reduce(add)); document.writeln(array2.reduce(add)); // reduceで使用するcallback関数(配列の値を全て合計する関数) // value1 は1つ前の配列の結果 // value2 は現在の配列の要素 function add(value1, value2){ return value1 + value2; }
var array1 = [1,2,3,4,5]; var array2 = [2,4,6,8,10]; // 全ての配列の要素を調べて、1つでも条件を満たしたときtrueになる document.writeln(array1.reduceRight(add)); document.writeln(array2.reduceRight(add)); // reduceで使用するcallback関数(配列の値を全て合計する関数) // value1 は1つ前の配列の結果 // value2 は現在の配列の要素 function add(value1, value2){ return value1 + value2; }
var array1 = [1,2,3,4,5]; document.writeln(array1.indexOf(2));
var array1 = [1,2,3,4,5]; document.writeln(array1.lastIndexOf(2));
日付 | 詳細 |
---|---|
2011/10/04 | コンテンツ公開 |
Copyright (C) 2011 ほぷしぃ. All Rights Reserved.