JSにおける特殊なオブジェクト-配列
2636 ワード
前言
以前に学習したデータ型は、1つの値(たとえば、Number/string)しか格納できません.1つの変数に複数の値を格納したいのですが、どのように格納すればいいですか?
配列とは、複数の要素(通常は同じタイプ)を一定の順序で1つの集合に配列することであり、この集合を配列と呼ぶ.
1.1配列の作成
思考:2 D配列はどうですか.
特に注意:JSではPHPとは異なり、関連配列はない.
1.2配列要素の取得
1.3遍歴配列
遍歴:すべてに遍歴し、配列の各要素にアクセスすることを遍歴と呼びます.
forループ配列遍歴の基本構文:
forループの例:
whilサイクルの例:
1.4配列に要素を追加
1.5配列操作ケース
ケース1:配列の中のすべての数の和を求めます
ケース2:配列の最大値を取得
ケース3:配列内のすべての偶数を巡回
ケース4:配列を文字列に変換し、|で分割
以前に学習したデータ型は、1つの値(たとえば、Number/string)しか格納できません.1つの変数に複数の値を格納したいのですが、どのように格納すればいいですか?
配列とは、複数の要素(通常は同じタイプ)を一定の順序で1つの集合に配列することであり、この集合を配列と呼ぶ.
1.1配列の作成
//
var arr1 = []; //
// 3 ,
var arr2 = [1, 3, 4];
// 2
var arr3 = ['a', 'c'];
console.log(arr1);
console.log(arr2);
//
var a1 = new Array(); //
var a2 = new Array('1',2,'h'); //
console.log(a1);
console.log(a2);
// length
console.log(arr3.length);
// length
arr3.length = 0;
console.log(arr3[0]);//undefined
思考:2 D配列はどうですか.
特に注意:JSではPHPとは異なり、関連配列はない.
1.2配列要素の取得
// : [ ]
// 0
// : , , undefined。
var arr = ['red',, 'green', 'blue'];
arr[0]; // red
arr[2]; // blue
arr[3]; // 2, undefined
1.3遍歴配列
遍歴:すべてに遍歴し、配列の各要素にアクセスすることを遍歴と呼びます.
forループ配列遍歴の基本構文:
for(var i = 0; i < arr.length; i++) {
//
}
forループの例:
var arr1 = [1, 3, 4];
for(var i = 0;i
whilサイクルの例:
var arr1 = [1, 3, 4];
var i = 0;
while(i
1.4配列に要素を追加
// : [ / ] = ;
// , , , 。
var arr = ["red", "green", "blue"];
// red yellow
arr[0] = "yellow";
// pink
arr[3] = "pink";
1.5配列操作ケース
ケース1:配列の中のすべての数の和を求めます
//
var arr = [10, 20, 30, 40, 50];
//
var sum = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i];
}
console.log(" :" + sum);
ケース2:配列の最大値を取得
//
var arr = [10, 20, 30, 40, 50, 60];
//
var maxNum = arr[0];
//
for (var i = 0; i < arr.length; i++) {
//
if (maxNum < arr[i]) {
maxNum = arr[i];
}
}
console.log(" :" + maxNum);
ケース3:配列内のすべての偶数を巡回
//
var arr = [1,2,3,4,5,6,7];
for(var i=0;i
ケース4:配列を文字列に変換し、|で分割
// |
var names = [" ", " ", " ", " ", " "];
var str = "";// ,
// ,
for (var i = 0; i < names.length - 1; i++) {
str += names[i] + "|";//
}
str += names[names.length - 1];
console.log(str);