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与任何值都不想等, ...
随机推荐
- git commit 规范
- bilibili弹幕爬虫
import random import requests import jieba import numpy as np from lxml import etree class SpiderBil ...
- # 如何在Windows下运行Linux程序
如何在Windows下运行Linux程序 一.搭建 Linux 环境 1.1 安装 VMware Workstation https://www.aliyundrive.com/s/TvuMyFdTs ...
- 关于docker创建容器报错-docker: Error response from daemon: runtime "io.containerd.runc.v2" binary not installed
今天在对一台服务器(docker相关的业务服务器)进行OS补丁时,默认使用的 yum update -y 对所有的安装包进行了升级 升级完成后,让应用方检查确认应用及功能是否一切正常,如果不正常,严重 ...
- 路径分析—PostgreSQL+GeoServer+Openlayers(二)
路径分析-QGIS+PostgreSQL+PostGIS+pgRouting(一) 路径分析-PostgreSQL+GeoServer+Openlayers(二) 前言 上一篇文章中实现数据库层面的路 ...
- Kafka与Flume之集成比较
Kafka与Flume之集成比较 一.Kafka与Flume比较 在企业中必须要清楚流式数据采集框架flume和kafka的定位是什么:flume:cloudera公司研发: 适合多个生产者: 适合下 ...
- spark之交集并集差集拉链
spark之交集并集差集拉链 def main(args: Array[String]): Unit = { val sparkConf = new SparkConf().setMaster(&qu ...
- SDOI2017树点染色
题目链接 发现1操作很像lct中的access,然后它每次染的又是一个新颜色,因此同一个颜色就在同一颗splay里了,且一个点到根的权值val[i]也就是到根路径上虚边的个数,然后看access时会对 ...
- 齐博x1 APP要实现直播的关键两步
大家务必要注意,缺少这两步,你的APP将不能实现直播, 也即点击直播按钮无法启动直播推流
- 【Odoo】Odoo16-性能优化提升
上海序说科技,专注于基于Odoo项目实施,实现企业数智化,助力企业成长. 老韩头的开发日常,博客园分享(2022年前博文) 10月12日,Odoo16版本正式发布,本文将就Odoo官方在性能方面做的优 ...