ES 6配列の高次法、矢印関数、オブジェクト
23915 ワード
一.配列の高次方法
forEach(巡回)
fill()充填
fill(「充填内容」、start、end)を充填します.
copywithin()コピー
配列コピーから置換要素のcopywithin(代替開始位置、コピー開始位置、コピー終了ビット)
find()とfindIndex()は検索します.
条件によってfind検索要素findIndexを検索して下付きを検索します.
ソート()並べ替え
矢印関数とは、関数の簡単な書き方です.構成:パラメータ=>ステートメント、 引数は1つではありません.(パラメータ、パラメータ2)=>文 文は一つだけではありません.パラメータ=>{语句1;文2;return戻り値} が返したオブジェクトフォーマット:パラメータ=>({オブジェクト}
1.関数のデフォルトパラメータ
オブジェクトの略字
同前プロト.オブジェクトの継承
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,45,68];
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);
三.矢印関数矢印関数とは、関数の簡単な書き方です.
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);