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的更多相关文章

  1. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  2. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  3. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  4. Java程序猿的JavaScript学习笔记(3——this/call/apply)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  5. Java程序猿JavaScript学习笔记(4——关闭/getter/setter)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  6. Java程序猿JavaScript学习笔记(14——扩大jQuery UI)

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  7. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  8. JavaScript学习笔记之数组(二)

    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...

  9. JavaScript学习笔记[0]

    JavaScript学习笔记[0] 使用的是廖雪峰JavaScript教程. 数据类型 Number 表示数字,不区分浮点整形. === 比较时不转化数据类型. == 反之. NaN与任何值都不想等, ...

随机推荐

  1. Docker Compose的安装及命令补全

    安装Compose Compose的安装有多种方式,例如通过shell安装.通过pip安装.以及将compose作为容器安装等等.本文讲解通过shell安装的方式.其他安装方式如有兴趣,可以查看Doc ...

  2. java基础之常用类1

    java基础 以下内容为本人的学习笔记,如需要转载,请声明原文链接   java常用类: 1.内部类 2.Object类 3.Object类常用方法 4.包装类 5.String类 6.BigDeci ...

  3. PAT (Basic Level) Practice 1010 一元多项式求导 分数 25

    设计函数求一元多项式的导数.(注:xn(n为整数)的一阶导数为nxn−1.) 输入格式: 以指数递降方式输入多项式非零项系数和指数(绝对值均为不超过 1000 的整数).数字间以空格分隔. 输出格式: ...

  4. NSIS 去除字串中的汉字

    !include "LogicLib.nsh" XPStyle on !include "WordFunc.nsh" #编写,水晶石 #去除字串中的汉字 #本例 ...

  5. Python 实现Tracert追踪TTL值

    Tracert 命令跟踪路由原理是IP路由每经过一个路由节点TTL值会减一,假设TTL值=0时数据包还没有到达目标主机,那么该路由则会回复给目标主机一个数据包不可达,由此我们就可以获取到目标主机的IP ...

  6. Java连接MySQL数据库。编写一个应用程序,在主类Test_4类中,通过JDBC访问stu数据库,显示t_student表中的内容(表结构见表1),显示效果自己设计。

    题目2:编写一个应用程序,在主类Test_4类中,通过JDBC访问stu数据库,显示t_student表中的内容(表结构见表1),显示效果自己设计.之后,可根据显示的内容进行某条记录的删除(以id为条 ...

  7. zabbix企业监控

    第一节.系统初始化 1.前期环境 主机名 IP地址 操作系统 备注 zabbix-10 192.168.2.10 CentOS Linux release 7.4 zabbix服务端 agent-15 ...

  8. Vue3.x+element-plus+ts踩坑笔记

    闲聊 前段时间小颖在B站找了个学习vue3+TS的视频,自己尝试着搭建了一些基础代码,在实现功能的过程中遇到了一些问题,为了防止自己遗忘,写个随笔记录一下嘻嘻 项目代码 git地址:vue3.x-ts ...

  9. app自动化测试环境安装

    一.环境依赖 app自动化测试环境如下: appium服务 第三方库appium-python-client 手机或模拟器 java环境jdk1.8 android环境 二.appium服务安装 1. ...

  10. 43.Permission源码解析和自定义权限类

    drf的权限类位于permission模块   如何确定权限 认证.限流,权限决定是否应该接收请求或拒绝访问 权限检查在视图的最开始处执行,在继续执行其他代码前 权限检查通常会使用request.us ...