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与任何值都不想等, ...
随机推荐
- Redis学习(1)---Redis概述
什么是NoSQL 概述 NoSQL:Not Only SQL,意思不仅仅是SQL,它是属于非关系型数据库.那什么是关系型数据库?数据结构是一种有行有列的数据库. NoSQL数据库是为了解决高并发.高可 ...
- js移除style样式
removeAttribute() 例: <button @click="edit" type="button" disabled id="bt ...
- Activate MFA报错:MFADevice entity at the same path and name already exists
MFA即:Multi-factor authentication (MFA) 今天在为自己账号Activate MFA时报错,如下图所示: Entity already exists This ent ...
- 个人音乐博客 h5、css和js等
浅说一下吧 这个小项目由h5和css还有js和jq写的 主题内容为个人音乐 博客等 首页一级导航栏 以及侧边栏 整合部分图标(侧边栏未添加收起操作 时间原因 会的朋友们可以自行添加一个动画就可以 在m ...
- html点击a标签弹窗QQ聊天界面
以为很难.以为要第三方.谁知道不用.一句话的事情. 1 <a hfer="tencent://message/?uin=12345&Site=&Menu-=yes&qu ...
- Java模拟生产者-消费者问题。生产者不断的往仓库中存放产品,消费者从仓库中消费产品。其中生产者和消费者都可以有若干个。在这里,生产者是一个线程,消费者是一个线程。仓库容量有限,只有库满时生产者不能存
需求分析:生产者生产产品,存放在仓库里,消费者从仓库里消费产品. 程序分析: 1.生产者仅仅在仓储未满时候生产,仓满则停止生产. 2.消费者仅仅在仓储有产品时候才能消费,仓空则等待. 3.当消费者发现 ...
- 设计模式常用的UML图------类图
关系 UML将事物之间的联系归纳为6种,对应响应的图形 关联 定义:表示拥有的关系,具有方向性,一个类单向访问一个类,为单向关联.两个类可以相互访问,为双向关联. 聚合 定义:整体与部分的关系. 组合 ...
- 从0搭建vue3组件库: 如何完整搭建一个前端脚手架?
相信大家在前端开发中都使用过很多前端脚手架,如vue-cli,create-vite,create-vue等:本篇文章将会为大家详细介绍这些前端脚手架是如何实现的,并且从零实现一个create-kit ...
- Debian 参考手册之第6章Debian档案库
来源:https://www.debian.org/doc/manuals/debian-faq/ftparchives#oldcodenames 第 6 章 Debian 档案库 目录 6.1. 有 ...
- 关于软件物料清单(SBOM),你所需要了解的一切
在此前的多篇文章中,我们已经详细地介绍了软件物料清单(SBOM)对于保障软件供应链安全的重要性以及一些注意事项.在本文中,我们将会更深入地介绍SBOM,包括最低要求元素.格式.使用场景以及如何对其进行 ...