開発効率を向上させる 20 の JavaScript ヒント

const配列 = Array(5).fill(''); 
// 出力 
（５）["", "", "", "", ""]
定数行列 = Array(5).fill(0).map(()=>Array(5).fill(0)); 
// 出力
(5) [配列(5), 配列(5), 配列(5), 配列(5), 配列(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
長さ: 5

定数配列 = [5,4,7,8,9,2];

配列を縮小します((a,b) => a+b);
// 出力: 35

配列を縮小します((a,b) => a>b?a:b);
// 出力: 9

配列を縮小します((a,b) => a<b?a:b);
// 出力: 2

const stringArr = ["ジョー", "カピル", "スティーブ", "マスク"]
文字列をソートする
// 出力
（4）[「ジョー」、「カピル」、「マスク」、「スティーブ」]
文字列Arrを逆順にする
// 出力
（4）[「スティーブ」、「マスク」、「カピル」、「ジョー」]

定数配列 = [40, 100, 1, 5, 25, 10];
配列をソートします((a,b) => ab);
// 出力
（6）[1、5、10、25、40、100]
配列をソートします((a,b) => ba);
// 出力
（６）[100、40、25、10、5、1]

定数オブジェクトArr = [ 
    { 名: 'Lazslo'、 姓: 'Jamf' },
    { first_name: 'Pig', last_name: 'Bodine' },
    { first_name: '海賊', last_name: '見習い' }
];
objectArr.sort((a, b) => a.last_name.localeCompare(b.last_name));
// 出力
（３）[{…}, {…}, {…}]
0: {first_name: "Pig", last_name: "Bodine"}
1: {first_name: "Lazslo", last_name: "Jamf"}
2: {first_name: "海賊", last_name: "プレンティス"}
長さ: 3

定数配列 = [3, 0, 6, 7, '', false];
配列.フィルター(ブール値);
// 出力
（３）[3, 6, 7]

関数doSomething(arg1){ 
    引数1 = 引数1 || 10; 
// arg1 がまだ設定されていない場合は、デフォルトで 10 に設定します
引数1を返します。
}
foo = 10 とします。  
foo === 10 && doSomething(); 
// は if (foo == 10) then doSomething(); と同じです。
// 出力: 10
foo === 5 || doSomething();
// は if (foo != 5) then doSomething(); と同じです。
// 出力: 10

定数配列 = [5,4,7,8,9,2,7,5];
配列.filter((item,idx,arr) => arr.indexOf(item) === idx);
// または
const nonUnique = [...新しいSet(配列)];
// 出力: [5, 4, 7, 8, 9, 2]

文字列を 'kapilalipak' とします。
テーブル定数 = {}; 
for(let char of string) {
  テーブル[文字]=テーブル[文字]+1 || 1;
}
// 出力
{k: 2、a: 3、p: 2、i: 2、l: 2}

新しい Map() を作成します。
  (i = 0; i < string.length; i++) の場合 {
    countMap.has(文字列[i])の場合{
      countMap.set(文字列[i], countMap.get(文字列[i]) + 1);
    } それ以外 {
      countMap.set(文字列[i], 1);
    }
  }
// 出力
マップ(5) {"k" => 2, "a" => 3, "p" => 2, "i" => 2, "l" => 2}

関数 Fever(temp) {
    温度が 97 度を超えている場合は、「医師の診察を受けてください」
      : 温度 < 97 ? 「外へ出て遊びましょう!!」
      : temp === 97 ? 'ちょっと休憩しましょう!';
}
// 出力
フィーバー(97)：「ちょっと休んで！」 
熱(100)：「医者に診てもらいましょう！」

定数ユーザー = { 
 名前:「カピル・ラグワンシ」 
 性別: '男性' 
 };
const 大学 = { 
 小学校: 「マニ小学校」 
 中等学校：「ラス中等学校」 
 };
定数スキル = { 
 プログラミング: 「エクストリーム」、 
 水泳:「平均」、 
 睡眠: 「プロ」 
 };
const summary = {...ユーザー、...大学、...スキル};
// 出力 
性別: 「男性」
名前:「カピル・ラグワンシ」
小学校：「マニ小学校」
プログラミング：「エクストリーム」
中学校：「ラス中学校」
睡眠：「プロ」
水泳：「平均的」

定数人 = {
名前:「カピル」
名前を言う() {
    this.name を返します。
    }
}
person.sayName();
// 出力
「カピル」

定数人 = {
名前:「カピル」
名前を言う() {
    this.name を返します。
    }
}
person.sayName();
// 出力
「カピル」

定数ユーザー = {
  従業員：
    名前:「カピル」
  }
};
ユーザー.従業員?.名前;
// 出力: "Kapil"
ユーザ.従業員?.名前;
// 出力: 未定義
ユーザ名
// 出力: VM21616:1 Uncaught TypeError: 未定義のプロパティ 'name' を読み取ることができません

定数リスト = [1, 2, 3, 4, 5, 6, 7, 8, 9];
リスト.ソート(() => {
    Math.random() - 0.5 を返します。
});
// 出力
（９）[2、5、1、6、9、8、4、3、7]
// もう一度呼び出す
（９）[４、１、７、５、３、８、２、９、６]

const foo = null ?? '私の学校';
// 出力: "私の学校"
定数 baz = 0 ?? 42;
// 出力: 0

関数 myFun(a, b, ...manyMoreArgs) {
   引数の長さを返します。
}
myFun("1", "2", "3", "4", "5", "6");
// 出力: 6

const parts = ['肩', '膝']; 
const lyrics = ['head', ...parts, 'and', 'toes']; 
歌詞;
// 出力: 
（５）[「頭」、「肩」、「膝」、「そして」、「つま先」]

const 検索 = (arr、low=0、high=arr.length-1) => {
    高く返す;
}
検索([1,2,3,4,5]);
// 出力: 4

num.toString(2);
// 出力: "1010"
数値を文字列に変換します(16);
// 出力: "a"
数値を文字列に変換します(8);
// 出力: "12"

a = 5 とします。
b = 8 とします。
[a,b] = [b,a]
[a,b]
// 出力
（２）[8, 5]

関数 checkPalindrome(str) {
  str == str.split('').reverse().join(''); を返します。
}
checkPalindrome('naman');
// 出力: true

定数obj = { a: 1, b: 2, c: 3 };
オブジェクト.entries(obj);
// 出力
（３）[配列（２）, 配列（２）, 配列（２）]
0: (2) ["a", 1]
1: (2) ["b", 2]
2: (2) ["c", 3]
長さ: 3
オブジェクト.keys(obj);
（３）["a", "b", "c"]
オブジェクトの値(obj);
（３）[1, 2, 3]