JS基礎文法---Arrayオブジェクトの方法
14773 ワード
Arrayオブジェクトのメソッド
Array.isArray------>このオブジェクトが配列であるか否かを判断する
instanceofキーワード
オブジェクトが配列タイプかどうかを判断するには、次の2つの方法があります.
.concat(配列、配列、配列、...) 新しい配列を組み合わせる
.every(関数)--戻り値はブール型で、関数はパラメータとして使用され、関数には3つのパラメータがあり、1つ目のパラメータは要素の値、2つ目のパラメータはインデックス値、3つ目のパラメータは元の配列(役に立たない)
この配列の各要素の値が条件に合致する場合、最後にtrueが返されます.
.filter(関数);配列内の各要素が条件を満たす要素を返し、新しい配列を構成します.
.push(値);--->値を配列に追加し、最後に追加しました---戻り値も追加データの後の配列長です
.pop();--->配列の最後の要素を削除します.戻り値は削除された値です.
.shift();--->配列の最初の要素を削除します.戻り値は削除された値です.
.unshift();--->配列の最初の要素の前に新しい要素を挿入します.戻り値は挿入後の程度です.
.forEach(関数)メソッド---配列遍歴用---forループに相当
.indexOf(メタ値);インデックスが返され、なしは-1です.
.join("文字列");----文字列を返します
.map(関数);--->配列の各要素はこの関数を実行し、実行後の結果を新しい配列に再配置します.
.reverse();----->反転配列
.sort();---ソート、不安定かもしれませんが、不安定であれば、MDNの固定コードを書いてください.
.arr.slice(開始インデックス、終了インデックス);切り取った配列の値を新しい配列に配置しますが、終了したインデックスに対応する要素値は含まれません.
.splice(開始位置、削除する個数、置換する要素の値);一般的には、配列内の要素を削除したり、置換したり、要素を挿入したりします.
練習1:インスタンスメソッドインスタンスオブジェクトによって呼び出されるメソッド-->ソート
//元の並べ替え方法:
//オブジェクト、オブジェクト呼び出しこのメソッドはソート機能を実現することができ、配列のsortメソッド機能と同じである.
//配列sortメソッド並べ替え
練習2:配列を空にする
練習3:ミリ秒回転
Array.isArray------>このオブジェクトが配列であるか否かを判断する
instanceofキーワード
オブジェクトが配列タイプかどうかを判断するには、次の2つの方法があります.
//1 instanceof
var obj = [];
console.log(obj instanceof Array);//ture
//2
console.log(Array.isArray(obj));//ture
.concat(配列、配列、配列、...) 新しい配列を組み合わせる
var arr1 = [10, 20, 30];
var arr2 = [40, 50, 60];
console.log(arr1.concat(arr2));
.every(関数)--戻り値はブール型で、関数はパラメータとして使用され、関数には3つのパラメータがあり、1つ目のパラメータは要素の値、2つ目のパラメータはインデックス値、3つ目のパラメータは元の配列(役に立たない)
この配列の各要素の値が条件に合致する場合、最後にtrueが返されます.
var arr = [1000, 2000, 3000];
//a----:
//b----:
//c----: , c ---->arr
var flag = arr.every(function (a, b) {
//console.log(a+"==="+b+"===="+c);
return a > 2000;// 2000 , true
});
var arr = [" lkko", " 674", " bd", " a"];
var flag = arr.every(function (ele, index) {
// 4
return ele.length > 4;
});
console.log(flag);//false
.filter(関数);配列内の各要素が条件を満たす要素を返し、新しい配列を構成します.
var arr = [10, 20, 30, 40, 50, 60, 70, 80];
var newArr = arr.filter(function (ele) {//ele---
return ele > 40;
});
console.log(newArr);
var arr = [10, 0, 20, 0, 40, 0, 60, 100];
var newArr = arr.filter(function (ele) {
return ele != 0;
});
console.log(newArr);
.push(値);--->値を配列に追加し、最後に追加しました---戻り値も追加データの後の配列長です
var arr = [10, 20, 30, 40, 50];
var result = arr.push(100);
console.log(result);// 6
console.log(arr);//[10, 20, 30, 40, 50, 100]
.pop();--->配列の最後の要素を削除します.戻り値は削除された値です.
var arr = [10, 20, 30, 40, 50];
var result = arr.pop();
console.log(result); //50
console.log(arr); //[10, 20,30, 40]
.shift();--->配列の最初の要素を削除します.戻り値は削除された値です.
var arr = [10, 20, 30, 40, 50];
var result = arr.shift();
console.log(result); //10
console.log(arr);//[20, 30, 40, 50]
.unshift();--->配列の最初の要素の前に新しい要素を挿入します.戻り値は挿入後の程度です.
var arr = [10, 20, 30, 40, 50];
var result = arr.unshift(100);//
console.log(result);
console.log(arr);
.forEach(関数)メソッド---配列遍歴用---forループに相当
var arr = [10, 20, 30, 40];
arr.forEach(function (ele, index) {
console.log(ele + '======' + index);
});
.indexOf(メタ値);インデックスが返され、なしは-1です.
var arr = [10, 20, 30, 40];
var index = arr.indexOf(300);
console.log(index);
.join("文字列");----文字列を返します
var arr = [" ", " ", " ", " ", " ", " "];
var str = arr.join("|");
console.log(str);
.map(関数);--->配列の各要素はこの関数を実行し、実行後の結果を新しい配列に再配置します.
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
console.log(roots);
.reverse();----->反転配列
var arr = [10, 20, 30, 40, 50];
arr.reverse();//
console.log(arr);
.sort();---ソート、不安定かもしれませんが、不安定であれば、MDNの固定コードを書いてください.
var arr = [1, 40, 20, 10, 100];
//a---arr[j]
//b---arr[j+1]
arr.sort(function (a, b) {
if (a > b) {
return 1;
} else if (a == b) {
return 0;
} else {
return -1;
}
});
console.log(arr);
.arr.slice(開始インデックス、終了インデックス);切り取った配列の値を新しい配列に配置しますが、終了したインデックスに対応する要素値は含まれません.
var arr = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
var newArr = arr.slice(3, 7);
console.log(newArr);
.splice(開始位置、削除する個数、置換する要素の値);一般的には、配列内の要素を削除したり、置換したり、要素を挿入したりします.
var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
// myFish.splice(2, 0, 'drum'); // 2 'drum'
// myFish ["angel", "clown", "drum", "mandarin", "sturgeon"]
myFish.splice(2, 1); // 2 ( 'drum' )
console.log(myFish);
// myFish ["angel", "clown", "mandarin", "sturgeon"]
練習1:インスタンスメソッドインスタンスオブジェクトによって呼び出されるメソッド-->ソート
//元の並べ替え方法:
var arr = [30, 48, 92, 50, 84, 72, 50];
for (var i = 0; i < arr.length - 1; i++) {
for (var j = 0; j < arr.length - 1 - i; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}//end if
}//end for
}//end for
console.log(arr);
//オブジェクト、オブジェクト呼び出しこのメソッドはソート機能を実現することができ、配列のsortメソッド機能と同じである.
var arr = [30, 48, 92, 50, 84, 72, 50];
function myArray() {
// : --->
this.mySort = function (arr) {
for (var i = 0; i < arr.length - 1; i++) {
for (var j = 0; j < arr.length - 1 - i; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
} //end if
} //end for
} //end for
};
}
//
var myArray = new myArray();
myArray.mySort(arr);
console.log(arr);
//配列sortメソッド並べ替え
var arr = [30, 48, 92, 50, 84, 72, 50];
//a---arr[j]
//b---arr[j+1]
arr.sort(function (a, b) {
if (a > b) {
return 1;
} else if (a == b) {
return 0;
} else {
return -1;
}
});
console.log(arr);
練習2:配列を空にする
var arr = [10, 20, 30, 40, 50];
console.log(arr);
console.log(arr.length);
arr.length = 0;
console.log(arr);
練習3:ミリ秒回転
var dt = new Date();
console.log(dt.valueOf());
var dt2 = new Date(dt.valueOf());// Date
console.log(dt2);