day04作业练习

作业01

小明和他家人在泰国旅游，到3个不同的饭店吃饭。账单(bill)分别是124元，48元和268元。为了给服务员小费(tip)，小明创建了一个简单
的小费计算器函数(tipCalculator)。a. 如果账单小于50元，他会给账单的20%作为小费。b. 如果账单在50到200元之间，他会给账单的15%作为小费。c. 如果账单超过200元，他会给账单的10%作为小费。小明想要2个数组：
1.一个数组包含所有三个小费(每个账单一个)。2.一个数组包含所有三个最终支付的金额(账单+小费)。
最后把这2个数组输出到控制台。

//方法一:声明函数
function tipCalculator(bill) {let percentage;if(bill < 50) {percentage = 0.2;}else if(bill >= 50 && bill < 200) {percentage = 0.15;}else {percentage = 0.1;}return percentage * bill;
}
console.log('The tip is $'+tipCalculator(10));//测试函数const bills = [124,48,268];//账单数组
//将账单数组的值传入函数得出小费
const tips = [tipCalculator(bills[0]),tipCalculator(bills[1]),tipCalculator(bills[2])];
const cost = [bills[0] + tips[0],bills[1] + tips[1],bills[2] + tips[2]];//账单和消费相加得出最终支付的金额
console.log('The tip is '+ tips,'The cost is ' + cost);//两个数组输出到控制台//方法二:箭头函数
const tipCalculator = bills => {const tips = [];const costs = [];bills.forEach(bill => {let tip;if(bill < 50) {tip = bill * 0.2;}else if(bill >= 50 && bill < 200) {tip = bill * 0.15;}else {tip = bill * 0.1;}const cost = bill +tip;tips.push(tip);costs.push(cost);})console.log('The tip is '+ tips);console.log('The cost is ' + costs);
}
tipCalculator([124,48,268]);

运行结果：

作业02

假设有三个数a、b、c，求这三个数的平均值的函数为∶
function mean(a, b, c) {return (a + b + c) / 3;
}
1.如果要求任意个数的数字的平均值，该如何改进这个函数呢?
请编写改进的mean1()函数,让该函数可以计算任意个数的数字的平均值。
提示:使用扩展运算符
2.请编写函数mean2(),使用数组的reduce()函数改写mean1(),让代码更加精简。
3.请在第二步的基础上编写函数mean3(),实现只对数组中的偶数求平均值。
提示:使用回调函数和map()

// 1...计算任意个数的数字的平均值
const mean1 = function(...arguments) {let sum = 0;for (var i=0;i<arguments.length;i++){sum += arguments[i];}return sum/arguments.length;
}
avg = mean1(5,9,5,21);
console.log("The average is " + avg);// 2数组的reduce()函数
const mean2 = (...array) => array.reduce((acc,val) => acc + val,0) / array.length;//累计求和除长度
console.log("The average is " + mean2(...[5,9,10,28]));// 3使用回调函数和map()只对数组中的偶数求平均值
const oArray1 = [8,10,21,8,10];
const oArray2 = oArray1.filter((x) => x%2===0);//取余 偶数
console.log(oArray2);
const mean3 = oArray2.reduce((acc,x) => acc + x)/ oArray2.length//回调
console.log("The average is " + mean3);

运行结果:

day04知识点总结函数

函数有助于降低代码重复，让代码更容易读懂。

定义函数：

函数声明
关键字函数名 {函数体}

// 声明函数 函数字面量
function hello() {console.log('Hello, function!');//控制台输出
}
// 直接调用
hello();
console.log(hello);//[Function: hello] 引用函数名// 字面量
let a = "xiao", b = 'xiao1', c = `adadas`;//字符串字面量
const oArray = [];//数组字面量
const oObject = {};//对象字面量
const oReg = \abc\;//正则表达式字面量,校验用户输入信息的格式

函数表达式

// 匿名函数
const hello = function() {//函数赋值给变量console.log('hello, javascript!');
};
hello();// 命名函数
const hello = function sayHello(){console.log('hello.js6');
};
hello();console.log(typeof hello);// function

Function()构造器

const hello = new Function("console.log('hello,javascript!')");

箭头函数(ES6新增语法)

const hello = () => {console.log('hello,js');
};

返回值：所有函数都有返回值，函数赋值给一个变量。

显式指定，返回值用return语句。
没有显式指定，返回undefined。

// 如果没有return,或者return后面为空，函数的返回值就为undefined。
let sayHello = function() {return;
};
console.log(sayHello());//undefinedlet sayHello2 = function() {let a = 1;return a;
};
console.log(sayHello2());

参数

形式参数(形参，parameter):函数定义时提供的参数。
实际参数(实参，argument):函数调用时提供的参数。

// 如果调用的时候不提供实际参数，那么形参就会被赋值为undefined
let add = function(a,b) {return a+b;
};
console.log(add());//NaNconst add = function(a,b){return a+b;
}
console.log(add(1,2,3,4,5));

运行结果：

Arguments:

函数被调用时，所有实参都会被收集到这个变量中。
Arguments.length确定传进来多少个实参。
函数是用箭头函数定义的，函数内部是不能访问 Arguments 的。

// arguments是对象，不是数组
const add1 = function(){if (arguments.length == 0){return 0;} else if (arguments.length == 1){return arguments[0];} else if (arguments.length == 2){return arguments[0] + arguments[1];}
};
console.log(add1(9));const add3 = function(){let sum = 0;console.log(typeof arguments)console.log(arguments instanceof Array)//falsefor (const num of arguments){sum = num + sum;}return sum;
}
b = add3();
console.log(b);

运行结果：

扩展运算符:

// ...数组
const add2 = function(...numbers){let sum = 0;console.log(typeof numbers)console.log(numbers instanceof Array)//truefor (const num of numbers){//声明number里的每个元素sum = num + sum;}return sum;
}
a = add2(1,2,2,3,3,4,4,5);
console.log(a);

运行结果：

默认参数:ES6 新增语法

默认形参应该总是出现在非默认形参之后，否则默认值就必须总是要输入。

const myName = function(b,a = 'li'){//定义时赋初值return b + a;//+在字符串之间是连接作用
}
console.log(myName('hello'));

运行结果：

箭头函数:ES6新增语法定义简洁

const sayHello = () => {return 'hello,JavaScript';
}
console.log(sayHello());

定义箭头函数：

如果只有一个参数，可以不用括号。
只有没有参数，或者有多个参数，需要用括号。

const sayHello1 = () => 'hello,JavaScript';//一条语句{}return可以省略
console.log(sayHello1());const sayHello2 = a => {return 'hello' + a;
}const sayHello3 = (a,b) => {return a + b;
}
console.log(sayHello3());//调用const sayHello4 = (a,b) => a + b;
console.log(sayHello4());

函数体：函数体也可以不用大括号，但这样会改变函数的行为。

只能有一行代码。
省略大括号会隐式返回这行代码的值。
如果return是唯一的语句，可以省略return。

箭头函数：

箭头函数不能使用arguments、super和new.target，也不能用作构造函数。此外，箭头函数也没有prototype属性。
this对象。

回调(callback)

JavaScript中的函数可以像其它数据类型一样使用，一个函数也可以作为另一个函数的形参给出。

// 用命名函数作为回调
function dance(){//定义函数dance()console.log('我在跳舞！');
};
const dance = () => {console.log('我在跳舞！');
};function sing(song,callback){console.log('我在唱'+ song);if ((typeof callback) == 'function'){callback();}
};
const sing = (song, callback) => {console.log('我在唱' + song);if ((typeof callback) == 'function') {callback();}
};
sing('国歌',dance);//dance()作为实参传入sing()函数
//我在唱国歌 我在跳舞！// 用箭头函数作为回调
const sing = (song, callback) => {console.log('我在唱' + song);callback();//显式调用
};sing('生日快快乐歌', () => {console.log('我在跳舞！')});//我在唱生日快快乐歌 我在跳舞！

应用:

1.数组排序 Array.sort()

const a1 = [1,3,2,10,22,8];
const a2 = a1.sort();//没有参数，字母表排序后赋值给另一个数组
console.log(a2);//[ 1, 10, 2, 22, 3, 8 ]//定义函数
const num = (a,b) => a-b;//回调函数:用于说明这两个值的相对顺序的数字
const a3 = a1.sort(num);
console.log(a3);//[ 1, 2, 3, 8, 10, 22 ]
//若a小于b，在排序后的数组中a应该出现在b之前，则返回一个小于0的值。
//若a等于b，则返回0。
//若a大于b，则返回一个大于0的值。

2.数组迭代

forEach()函数
作用：对数组中的每个元素执行一次给定的函数。
语法：arr.forEach(callback(currentValue [, index [, array]])[, thisArg])。

const oArray1 = [1,2,2,4];
for (let i = 0; i < oArray1.length; i++) {//数组中每个元素遍历输出console.log(oArray[i]);
}const oArray2 = [1,2,2,4];
for (const i of oArray2) {console.log(i);
}const oArray3 = [1,2,2,4];
oArray3.forEach((arr1) => {console.log(arr1)});//函数式编程

map()函数
作用：创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
语法：const new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg])。

const oArray4 = [1,2,2,4];
const sum = (a) => a * a;
const oArray5 = oArray4.map(sum);//把一个数组的元素映射到另一个数组
console.log(oArray5);

reduce()函数:统计
作用：对数组中的每个元素执行一个提供的reducer函数(升序执行)，将其结果汇总为单个返回值。
语法：arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])。

const oArray1 = [1,2,3,4,5].reduce((acc,val) => acc + val);//累加求和
console.log(oArray1);const oArray1 = [1,2,3,4,5]
//回调函数
const oArray2 = oArray1.reduce((acc,curVal) => acc + curVal
)
console.log(oArray2);const oArray3 = [1,2,3,4,5].reduce((acc,val) => acc + val, 10);//初始值
console.log(oArray3);//统计字符
const sentence = 'The quick brown fox jumped over the lazy dog';
const words = sentence.split(" ");
console.log(words);
const total = words.reduce((acc, word) => acc + word.length, 0);
console.log(total);

filter()函数:过滤
作用：创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
语法： var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])。

const a1 = [1,2,3,12,8];
const a2 = a1.filter((x) => x%2===0);//取余 偶数 回调
console.log(a2);
console.log([1,2,3].map( x => x*x ).reduce((acc,x) => acc + x ));//链式迭代器

链式迭代器

所有迭代器函数都返回一个数组，这就意味着可以把另一个迭代器函数链在末尾，并将其应用到新数组上。

1_01李婉玲_函数_1019相关推荐

1_01李婉玲_数据结构_1012
Day03作业数据结构概述基本类型和引用类型基本类型:String Boolean Number Null Undefined Symbol Bigint. 引用类型:Object(存储属性和 ...
【算法设计与分析】屈婉玲教授—课程笔记
网课地址与课件 B站:[北大公开课] 算法设计与分析屈婉玲教授 (76p) 课件:来源于评论区小伙伴分享(百度云) 提取码:1111 笔记课程知识框架算法设计思想设计思想:尽量选复杂度 ...
算法设计与分析（屈婉玲）网络课学习笔记（一）
2017.10.10 21:47 放一波课程的链接首先:http://www.chinesemooc.org/live/685712 华文慕课北京大学屈婉玲女神的视频教程,非常推荐学习算法 ...
dve 二维数组信号显示波形_函数任意波形发生器价格
函数任意波形发生器价格,深圳市乐信智测科技有限公司成立于2017年01月11日,注册地位于深圳市龙华区民治街道北站社区创业花园177-180栋411,法人代表为李澍龙. 函数任意波形发生器价格, 说明 ...
mysql存储过程大于小于_mysql5.0存储过程操作符知识_函数方法[Mysql学习]
mysql存储过程基本函数一.字符串类 CHARSET(str) //返回字串字符集 CONCAT (string2 [,... ]) //连接字串 INSTR (string ,substrin ...
java ee李兴华_李兴华Java EE入门视频教程（魔乐科技解密版）
010101_[第01章:WEB 开发简介]_WEB开发简介 010201_[第02章:HTML.JavaScript 简介]HTML简介 010202_[第02章:HTML.JavaScript 简 ...
如何用python画雪人_pygame画雪人_函数与图形示例.py
"""pygame画雪人_函数与图形示例.py """ # 导入pygame模块 import pygame def draw_snowma ...
【梳理】【失效链接已于2020-09-27替换】（离散数学第2版屈婉玲、耿素云、张立昂高等教育出版社）第19章初等数论结论归纳与证明（度盘）
教材:离散数学第2版屈婉玲.耿素云.张立昂高等教育出版社第19章初等数论知识归纳与梳理(含证明) 第一版: 链接:https://pan.baidu.com/s/13NDAZk0D7ia6 ...
C语言_函数结构体的调用
C语言_函数结构体的调用 #include<stdio.h> //定义存储函数的结构体 struct map{//定义无参数类型返回void的函数指针void (*p)(); }; /** ...

1_01李婉玲_函数_1019

day04作业练习

作业01

作业02

day04知识点总结函数

目录

函数有助于降低代码重复，让代码更容易读懂。

定义函数：

返回值：所有函数都有返回值，函数赋值给一个变量。

参数

Arguments:

扩展运算符:

默认参数:ES6 新增语法

箭头函数:ES6新增语法定义简洁

定义箭头函数：

回调(callback)

1.数组排序 Array.sort()

2.数组迭代

链式迭代器

1_01李婉玲_函数_1019相关推荐

最新文章

热门文章

1_01李婉玲_函数_1019

day04作业练习

作业01

作业02

day04知识点总结 函数

目录

函数 有助于降低代码重复，让代码更容易读懂。

定义函数：

返回值：所有函数都有返回值，函数赋值给一个变量。

参数

Arguments:

扩展运算符:

默认参数:ES6 新增语法

箭头函数:ES6新增语法 定义简洁

定义箭头函数：

回调(callback)

1.数组排序 Array.sort()

2.数组迭代

链式迭代器

1_01李婉玲_函数_1019相关推荐

最新文章

热门文章

day04知识点总结函数

函数有助于降低代码重复，让代码更容易读懂。

箭头函数:ES6新增语法定义简洁