04.Javascript学习笔记3
1.箭头函数
箭头函数是一种更短的函数表达式。
const age = birthyear => 2022 - birthyear;
console.log(age(2000))
箭头左边的birthyear是参数,箭头右边是要执行的代码块。在编写如上单行函数时,我们不需要写花括号,也不需要写return关键字,但实际上这些都是隐式发生的。
- 多行函数的情况:使用花括号 ' { } '
const years = birthyear => {
const age = 2022 - birthyear;
const retirement = 65 - age;
return retirement;
}
console.log(years(2000));
- 也可以使用多个参数:(brithyear,name)
const your_age = (brithyear,name) => {
const age = 2022 - brithyear;
return `${name},you are ${age} years old `;
}
console.log(your_age(2000,'soria'));
2. 数组
构造一个数组
const friends = ['mike','adams','pat'];
console.log(friends);
使用Arroy函数构造数组
const years = new Array(1991,1984,2008,2020);
console.log(years);
注意Array的 ' A ' 要大写,array前面要加上new关键字。
查看数组的长度
const friends = ['mike','adams','pat'];
console.log(friends.length);
数组的引索
const friends = ['mike','adams','pat'];
console.log(friends[0],friends[1],friends[2],friends[3]);
更改数组里的元素
const friends = ['mike','adams','pat'];
friends[2] = 'jay';
console.log(friends);
数组的运算
console.log(2037 - [1990,1967]);
console.log(Number([1990,1967]));// 数组强制转换为数字类型 结果为NaN
console.log(2037 + [1990,1967]); // 数组强制转换为字符串
3. 数组的方法
push函数
const friends = ['mike','adams','pat'];
const newlength = friends.push('jay');
//push在数组末尾添加值'jay' , 同时可以返回新数组的长度
console.log(friends);
console.log(newlength);
unshift函数
const friends = ['mike','adams','pat'];
const newlength = friends.unshift('jay');
//unshift在数组开头添加值'jay' , 同时可以返回新数组的长度
console.log(friends);
console.log(newlength);
pop函数
const friends = ['mike','adams','pat'];
friends.pop();
console.log(friends);
const popped = friends.pop();// 删除数组末尾的值'adams',同时返回这个值
console.log(popped);
console.log(friends);
include函数
const friends = ['mike','adams','pat'];
console.log(friends.includes('mike'))
// 查找数组里是否含有'mike',返回一个bool值 if (friends.includes('mike')){
console.log('you have a friend called mike')
}
indexOf函数
const friends = ['mike','adams','pat'];
console.log(friends.indexOf('mike'))
// 返回'mike'的引索

04.Javascript学习笔记3的更多相关文章
- Java程序猿的JavaScript学习笔记(汇总文件夹)
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
- Java程序猿的JavaScript学习笔记(8——jQuery选择器)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿JavaScript学习笔记(2——复制和继承财产)
计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...
- Java程序猿的JavaScript学习笔记(3——this/call/apply)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿JavaScript学习笔记(4——关闭/getter/setter)
计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...
- Java程序猿JavaScript学习笔记(14——扩大jQuery UI)
计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...
- javascript学习笔记(四) Number 数字类型
数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数 toExponential() 方法 用科学 ...
- JavaScript学习笔记之数组(二)
JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
- JavaScript学习笔记[0]
JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...
随机推荐
- windows bat文件设置环境变量
主要是SET和SETX这个两个命令 SETX 永久设置用户环境变量 SETX /M 永久设置系统环境变量 SET 临时设置用户环境变量 SET /M 临时设置系统环境变量
- 在Kuboard上安装 Ingress Controller
快速安装 # 只在 master 节点执行 kubectl apply -f https://kuboard.cn/install-script/v1.18.x/nginx-ingress.yaml ...
- C# 内存泄漏之 Internal 关键词代表什么?
一:背景 1. 背景 前段时间有位朋友咨询说他的程序出现了非托管内存泄漏,说里面有很多的 HEAP_BLOCK 都被标记成了 Internal 状态,而且 size 都很大, 让我帮忙看下怎么回事? ...
- P2680 [NOIP2015 提高组] 运输计划 (树上差分-边差分)
P2680 题目的大意就是走完m条路径所需要的最短时间(边权是时间), 其中我们可以把一条边的权值变成0(也就是题目所说的虫洞). 可以考虑二分答案x,找到一条边,使得所有大于x的路径都经过这条边(差 ...
- Effective java 总结
用静态工厂方法代替构造器的最主要好处 1.不必每次都创建新的对象 Boolean.valueOf Long.valueOf 2.直接返回接口的子类型,对于外界来说并不需要关心实现细节,主要知道这个接口 ...
- Centos7使用sendEmail-v1.56发送邮件
Centos7使用sendEmail-v1.56发送邮件 注意:Centos7默认使用perl5.16,而sendEmail-v.1.56要求使用perl5.10.否则会报以下错误.所以需要下载并安装 ...
- resultMap处理字段和属性的映射关系
1.resultMap处理字段和属性的映射关系 若字段名和实体类中的属性名不一致,则可以通过resultMap设置自定义映射 <!-- resultMap:设置自定义映射 属性: id:表示自定 ...
- vlunhub靶场之EMPIRE: LUPINONE
准备: 攻击机:虚拟机kali.本机win10. 靶机:EMPIRE: LUPINONE,网段地址我这里设置的桥接,所以与本机电脑在同一网段,下载地址:https://download.vulnhub ...
- UVA10763
菜鸡退役人来水黄了-- \(\sf{Solution}\) 搞不懂为什么要排序,这不是两个数组直接模拟的数数题吗. 读入后,对于每个学生,令他要去的学校以及他现在所在学校人数对应加一,再 check ...
- rocky8删除/etc/fstab 和/boot/所有文件,通过光盘救援模式恢复
rocky8删除/etc/fstab 和/boot/所有文件,通过光盘救援模式恢复 mkdir /rootdir 先通过df和lsblk确定那个分区是根,如果确定不了,就先挂载一个分区,查看里边的文件 ...