JavaScriptまとめ

2902 ワード

freecodeampでJSの基礎を学び、まとめてみます.
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"