ES 6配列の高次法、矢印関数、オブジェクト

23915 ワード

一.配列の高次方法
forEach(巡回)
 var arr = [' ',' ','  ','  '];
 arr.forEach(function(item,index,self){
     
 	console.log(item,index,self);
 })
map(マップ)
var arr = [12,34,56];
var arr2 = arr.map(function(item,index,self){
     
	console.log(item,index,self);
	return item*2;
})
console.log(arr2)
filter(フィルタ)
var arr1 = [12,45,32,75,49,61];
var arr2 = arr1.filter(function(item){
     
	return item>20;
})
console.log(arr2)
reduce(累積)
var arr = [13,32,67,98,11,23,65,1,2,3,9];
var ret = arr.reduce(function(a,b){
     
	return a+b;     
})
console.log(ret)
every(一つずつ)
var arr = [13,32,67,98,11,23,65,1,2,3,9];
var ret = arr.every(function(item){
     
	return item>12;
})
console.log(ret)
そして、私は一つあります
var arr = [13,32,67,98,11,23,65,1,2,3,9];
var ret = arr.some(function(item){
     
	return item > 12;
})
console.log(ret)
二.配列新規方法
fill()充填
fill(「充填内容」、start、end)を充填します.
copywithin()コピー
配列コピーから置換要素のcopywithin(代替開始位置、コピー開始位置、コピー終了ビット)
find()とfindIndex()は検索します.
条件によってfind検索要素findIndexを検索して下付きを検索します.
ソート()並べ替え
var arr = [1,5,11,27,4568];
arr.sort(function(a,b){
     return a-b});
console.log(arr);
			
var arr1 = [{
     age:10},{
     age:7},{
     age:14}];
arr1.sort(function(a,b){
     return a.age>b.age});
console.log(arr1);
三.矢印関数
矢印関数とは、関数の簡単な書き方です.
  • 構成:パラメータ=>ステートメント、
  • 引数は1つではありません.(パラメータ、パラメータ2)=>文
  • 文は一つだけではありません.パラメータ=>{语句1;文2;return戻り値}
  • が返したオブジェクトフォーマット:パラメータ=>({オブジェクト}
  •     
     var arr = [' ',' ','  ','  '];
     arr.forEach(function(item,index,self){
         
     	console.log(item,index,self);
     })
    
           
    var arr = [' ',' ','  ','  '];
    arr.forEach(item => console.log(item))
    
    四.関数の三種類のパラメータ
    1.関数のデフォルトパラメータ
    function add(a,b=10){
         
    	alert(a+b);
    }
    add(3,5);
    add(3)
    
    2.関数の不定パラメータ
    function add(...args){
         
    	var ret  = args.reduce((a,b)=>a+b)
    	alert(ret)
    }
    add(1,2,3,4,5);
    
    3.関数の拡張実験
    function metting(a,b,c){
         
    	console.log('      :',a,b,c);
    }
    var arr = ['    ','    ','    '];
    metting(...arr);
    
    五.対象
    オブジェクトの略字
    var name = '  ';
    var age = 18;
    var user = {
         
    	name,
    	age,
    	say(){
         
    		alert(`   ,     ${
           this.name}${
           this.age}`)
    	}
    };
    console.log(user)
    
    オブジェクトの継承
    同前プロト.オブジェクトの継承
    var man={
         
    	leg:2,
    	walk(){
         console.log(`         `)}
    }	 
    var student = {
         
    	name:"  ",
    	age:18,
    	__proto__:man
    }		 
    var key = window.prompt("       ","like");
    var value = window.prompt("      ","    ");
    var obj = {
         [key+"web"]:value};
    console.log(obj);