javascript ec6 よく使うやつ



 let val = `テンプレート文字列とは
  ヒアドキュメントのようなもの`;
  console.log(val);

let name = '小川';
let str  = `My name is ${name}`;
console.log(str);

//分割代入
let [namae,age]=['ささき',35];
console.log(namae , age);

// js のforeach文
names = ['sato','ito','goto'];
for (let value of names){
  console.log(value);
}

// 可変長引数
function sum(...prop){
  var t = 0;
  for(let num of prop)
    t += num ;
  return t ;  
}
console.log( sum( 2 ,4 ,1 ) );
console.log( sum( 2 ,4 ) );

/*
無名関数をつくるアロー関数 
*/
var area = (x,y) => {
  console.log( x * y );
}
area(12,4);

// 一行の処理だけなら{}がいらない。 引数が一つなら()も省略可 
var squareArea = val => val ** 2
 console.log(squareArea(9));


//オブジェクトからの分割代入
  const mpl={name:'jhon',age:44}
  const{name, age, jender='women'} = mpl;
                  // jender は無いが初期値を入れられる
  console.log(name, age, jender);




//map 関数
  const singers = ['jckei evencho','martina mcbride' ,'aricia keys'];
  // ループの処理
  singers.map( (name) => $('#singer').append(name + '<br>') );


//filter 関数
  let country = singers.filter( (name) => {
    return name == 'martina mcbride'; 
  });

    $('#mm').append( country );  // → martina mcbride




Categories:

Tags: