ES6系列_8之函数和数组
时间:2022-06-19
本文章向大家介绍ES6系列_8之函数和数组,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1.对象的函数解构
ES6为我们提供了这样的解构赋值使在前后端分离时,后端返回来JSON格式的数据,前端可以直接把这个JSON格式数据当作参数,传递到函数内部进行处理。比如:
let json = {
a:'es6',
b:'es5'
}
function fun({a,b='es5'}){
console.log(a);//es6
console.log(b);//es5
}
fun(json);
结果为:
2.数组的函数解构
声明一个数组,然后写一个方法,最后用…进行解构赋值。
let arr = ['1','2','3'];
function fun(a,b,c){
console.log(a,b,c);//1,2,3
}
fun(...arr);
3.in的用法
in是用来判断对象或者数组中是否存在某个值的。我们先来看一下用in如何判断对象里是否有某个值。
(1)对象判断
let obj={
a:'a-es6',
b:'b-es5'
}
console.log('a' in obj); //true
(2)数组判断
先来看一下ES5判断的弊端,以前会使用length属性进行判断,为0表示没有数组元素。但是这并不准确,或者说真实开发中有弊端。
let arr=[,,,,,];
console.log(arr.length); //5
上边的代码输出了5,但是数组中其实全是空值,这就是一个坑啊。那用ES6的in就可以解决这个问题。
let arr=[,,,,,];
console.log(0 in arr); //false
let arr1=['a','b'];
console.log(0 in arr1); // true
注意:这里的0指的是数组下标位置是否为空。
4.数组的遍历方法
(1)forEach
let arr=['a',b','c'];
arr.forEach((val,index)=>console.log(index,val));
结果为:
forEach循环的特点是会自动省略为空的数组元素,相当于直接给我们筛空了。
(2)filter
let arr=['a','b','c'];
arr.filter(x=>console.log(x));
输出结果为:
(3)some
let arr=['a','b','c'];
arr.some(x=>console.log(x));
结果为:
(4)map
map在这里起到一个替换的作用.
let arr=['a','b','c'];
console.log(arr.map(x=>'web'));
结果为:
5.数组转换字符串
(1)toString()方法
let arr=['a','b','c'];
console.log(arr.toString());
转换时只是是用逗号隔开了。
结果为:
(2)join()方法
let arr=['a','b','c'];
console.log(arr.join("|"));
结果为:
待续。。
- windows查看端口占用情况
- 大坑记录 - shell脚本删除操作
- mysql5.7 创建新表时提示时间戳非法
- #测试框架推荐# test4j,数据库测试
- C语言中的封装 - 答读者问
- pip is configured with locations that require TLS/SSL, however the ssl module in Python is not avail
- 为什么SOA如此重要
- Grunt配置及使用
- 如何快速掌握一门技术
- golang五周岁
- 写作工具的取经之路
- 听说,这个是CTF中最重要的问题······
- 写本Racket入门书
- 走进 racket(lisp) 的世界
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法