JavaScriptまとめ
2902 ワード
freecodeampでJSの基礎を学び、まとめてみます.
1.配列の一般的な方法:
pop():配列から最後の要素を削除し、この要素の値push():配列の最後に1つ以上の要素を追加し、新しい長さshift():配列から最初の要素を削除し、この要素の値を返します.配列の先頭に1つ以上の要素を追加し、新しい長さを返します.
2.オブジェクトの属性:
(1)ハスOwnProperty:オブジェクトの名前が与えられている属性やオブジェクトがあるかどうかを判断するために使用されます.ただし、この方法では、オブジェクトのプロトタイプチェーンにこの属性があるかどうかを確認できません.この属性はオブジェクト自身のメンバーでなければなりません.
3.Math関数
Math.flor():下の整数を計算します.これは関数パラメータより小さいか等しい整数を返します.Math.random():[0,1]範囲の小数を生成する.
(1)map()
*(11)indexOf():*は指定された文字列値を返し、文字列で最初に表示された位置を返します.
1.配列の一般的な方法:
pop():配列から最後の要素を削除し、この要素の値push():配列の最後に1つ以上の要素を追加し、新しい長さshift():配列から最初の要素を削除し、この要素の値を返します.配列の先頭に1つ以上の要素を追加し、新しい長さを返します.
2.オブジェクトの属性:
(1)ハスOwnProperty:オブジェクトの名前が与えられている属性やオブジェクトがあるかどうかを判断するために使用されます.ただし、この方法では、オブジェクトのプロトタイプチェーンにこの属性があるかどうかを確認できません.この属性はオブジェクト自身のメンバーでなければなりません.
var myObj = {
top: "hat",
bottom: "pants"
};
myObj.hasOwnProperty("top"); // true
myObj.hasOwnProperty("middle"); // false
(2)isProttotypeOf:そのプロトタイプチェーンのオブジェクトが指定されたオブジェクトのインスタンスに存在するかどうかを確認するために使用され、trueに戻ります.そうでなければfalseに戻ります.3.Math関数
Math.flor():下の整数を計算します.これは関数パラメータより小さいか等しい整数を返します.Math.random():[0,1]範囲の小数を生成する.
var randomNumberBetween0and19 = Math.floor(Math.random() * 20);
4.配列(1)map()
var oldArray = [1, 2, 3];
var timesFour = oldArray.map(function(val){
return val * 4;
});
console.log(timesFour);// returns [4, 8, 12]
console.log(oldArray); // returns [1, 2, 3]
(2)reduce():配列の2つの値(左から右)に対して関数を適用して、1つの値に減らします.var array = [4,5,6,7,8];
var singleVal = 0;
singleVal = array.reduce(function(previousVal, currentVal) {
return previousVal + currentVal; //
}, 0);
(3)filter()var oldArray = [1,2,3,4,5,6,7,8,9,10];
var newArray = oldArray.filter(function(val) {
return val < 6;
});
(4)sort():配列並び替えvar array = [1, 12, 21, 2];
array.sort(function(a, b) {
return a < b;
});
(5)reverse():配列を逆順にするvar array = [1,2,3,4,5,6,7];
var newArray = [];
newArray = array.reverse();
*(6)concat()*接続配列var oldArray = [1,2,3];
var newArray = [];
var concatMe = [4,5,6];
newArray = oldArray.concat(concatMe);
(7)スプリット():文字列を区切って配列に格納するvar string = "Split me into an array";
var array = [];
array = string.split(' ');
(8)ジョイン():配列を文字列に接続するvar veggies = ["Celery", "Radish", "Carrot", "Potato"];
var salad = veggies.join(" and ");
console.log(salad); // "Celery and Radish and Carrot and Potato"
*(9)slice():*、既存の配列から指定範囲の要素を選択できます.arrayObject.slice(start,end)
*(10)splice():配列に項目を追加/削除し、削除された項目を返します.*arrayObject.splice(index,howmany,item1,.....,itemX)
index:必要です.整数は、項目を追加/削除する位置を規定しています.負の数を使って配列の最後から位置を指定できます.howmany:必要です.削除する項目の数.0に設定すると、項目は削除されません.アイテムは削除されません.item 1、…、itemx:オプションです.配列に追加される新しい項目です.*(11)indexOf():*は指定された文字列値を返し、文字列で最初に表示された位置を返します.
stringObject.indexOf(searchvalue,fromindex)
(12)js配列と文字列操作function reverseString(str) {
var arr = str.split(""); //
return arr.reverse().join(""); //
}
reverseString("hello"); // "olleh"