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. useContext 解决函数父子组件传值

    1在父组件外部定义变量A创建上下文,2在父组件使用变量A<A.Provider> <子组件/> </A.Provider> ,3.在子组件中创建变量使用useCon ...

  2. HashMap底层原理及jdk1.8源码解读

    一.前言 写在前面:小编码字收集资料花了一天的时间整理出来,对你有帮助一键三连走一波哈,谢谢啦!! HashMap在我们日常开发中可谓经常遇到,HashMap 源码和底层原理在现在面试中是必问的.所以 ...

  3. 跳过nsis Error强制运行程序

    NSIS编译的程序在运行之初,都会有一个程序完整性的自我检测,一旦检测到数据不完整,比如文件资源被篡改,下载过程中有数据丢失等情况,就会报错停止运行,也就是大名鼎鼎的nsis Error  ,其实想跳 ...

  4. .net程序员的android studio 初体验 (环境设置2022年10月)

      很久以前用DevExtreme写的一个Hybird APP要添加蓝牙打印功能,但是用来打包APP的phonegap被adobe关闭了,所以,只能自己用cordova去打包安卓APP,不得已,研究了 ...

  5. P3919 【模板】可持久化线段树 1(可持久化数组)

    还是用主席树来做(因为提到不同的版本),这时候的主席树不是以权值为下标的,就是普通的线段树,维护范围1~n,i存的是a[ ]中的数. 1 #include <bits/stdc++.h> ...

  6. 关于history.back()、history.go()回退但无法刷新页面的问题

    window.history.back(); 这样确实可以做到后退的功能,但是项目中,常常并不只是后退就能完成需求,往往需要在后退的同时,刷新后退的页面信息,比如后退到首页同时刷新首页的最新数据,这样 ...

  7. JAVA员工名字 年龄 工资 工种

    如题: 下面是我个人的写法 输出部分使用了 格式化输出 有兴趣的朋友可以了解一下: 解决的思路大致为: 创建一个对象数组--> 数组下标为0的数组中张三这个变量对应 String name; 2 ...

  8. 2022牛客OI赛前集训营-提高组(第一场) 奇怪的函数 根号很好用

    奇怪的函数 考虑暴力,每次查询\(O(n)\)扫所有操作,修改\(O(1)\) 这启发我们平衡复杂度,考虑分块. 观察题目性质,可以发现,经过若干次操作后得到的结果一定是一个关于\(x\)的分段函数, ...

  9. python-D1-typora软件和计算机入门1

    一 typora软件 typora是一款目前非常火爆文本编辑器 1.1 安装 尽量安装在非系统盘符及设置为短路径,方便后面查找 1.2 文件路径 在计算机上就是一个资源的定位坐标,表现为具体在哪里,例 ...

  10. 6.ElasticSearch系列之倒排索引

    1. 倒排索引简介 对于书通过目录查找对应章节内容的方式属于正排索引,而对于想查询文本,如我爱中国在书籍中出现的次数与具体位置,则是倒排索引的范畴. 2. 倒排索引核心组成 单词词典(Term Dic ...