ES6-新增的数组操作,数组解构,forEach,fillter,some.map的数组遍历,数组转换字符串
ES6-新增的数组操作
- // es6数组格式
- let json = {
- '0' : 'anan',
- '1' : 'anani',
- '2' : 'anania',
- length:3
- }
- //es6 把数组的方法都放到了Array对象中
- let arr = Array.from(json);
- console.log(arr)
- //Array.of方法 转数组
- // 例如后台传的 '3,4,5,6'
- let anan = Array.of(3,4,5,6,7);
- console.log(anan) // 打印已转成的数组格式
- // 例如后台传的 '[3,4,5,6]' 字符串
- let anani = Array.of('ananiah','好气啊');
- console.log(anani) // 打印已转成的数组格式
- // find() 实例方法 (先有实例 才可以使用)
- // 可以查找 数组 也可以查找字符串 没有值返回undefined
- let zxyqswl = [1,2,3,4,5,6,7,8,9];
- console.log(zxyqswl.find(function(value,index,zxyqswl){
- // value 表示当前查找的值 index 表示值得索引 数组的下标 zxyqswl 就是原型
- return value > 5;
- })) //6
- //fill 使用固定值填充数组
- let append = ['anan','大诶啊','awsl'];
- append.fill('wula!',0,1); //替换第一个
- append.fill('ananiah',1,2); //替换第二个
- append.fill('嘤嘤嘤',2,3); //替换第三个
- console.log(append)
- //数组循环
- for(let item of append){
- console.log(item) //循环数组的值
- }
- //输出数组下标
- for(let item of append.keys()){
- console.log(item) //循环数组的下标
- }
- //下标和值一起输出
- for(let [index,val] of append.entries()){
- console.log(index + ':' + val);
- }
- //entries 实例方法 实现 手动循环
- let list = append.entries();
- console.log(list) //输出Array Iterator数组
- console.log(list.next().value) //输出下标为0的数值
- console.log(list.next().value) //输出下标为1的数值
- console.log(list.next().value) //输出下标为2的数值
数组解构:
- //数组解构
- let json1 = ['ananiah','大诶啊','web'];
- function jsonarr(a,b,c){
- console.log(a,b,c) // ananiah 大诶啊 web
- }
- jsonarr(...json1);
- //in 的用法
- let obj = {
- a:'ananiah',
- b:'大诶啊'
- }
- console.log('c' in obj) //false 判断数组中是否有c
- let objarr = [,,,]; //d都是空值
- console.log(objarr.length) //
- console.log(0 in objarr) //false 判断空值
数组遍历:
- //数组遍历
- let eacharr = ['anan','ananiah','false'];
- eacharr.forEach((val,index) => console.log(index,val));
- eacharr.filter(x => console.log(x));
- eacharr.some(x => console.log(x)); //输出的跟fillter一样
- console.log(eacharr.map(x=>'web')); //数组中的值都替换成了web
数组转换字符串
- //数组转换字符串
- console.log(eacharr.toString())
- console.log(eacharr.join('|')) //字符串之间加上|
ES6-新增的数组操作,数组解构,forEach,fillter,some.map的数组遍历,数组转换字符串的更多相关文章
- ES6 学习笔记(二)解构赋值
一.数组的解构赋值 1.基本用法 ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,该操作即为解构 如: let [a,b,c]=[1,2,3]; console.log(a,b,c) ...
- ES6(二) Destructuring-变量的解构赋值
1.解构的含义 允许按照一定的模式,从数组和对象中取值,对变量进行赋值,称为解构. 解构赋值时,只要等号右边的值不是对象,就先将其转换成对象. 本质上,这种写法属于 “模式匹配”,只要两边模式相同,左 ...
- ES6第三节:变量的解构赋值
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构.下面我们看实际的例子: 一.数组解构: let [a,b,c] = [1,2,3]; console.log(a); //a ...
- ES6学习笔记之变量的解构赋值
变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值 以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; ...
- ES6学习 第二章 变量的解构赋值
前言 该篇笔记是第二篇 变量的解构赋值. 这一章原文链接: 变量的解构赋值 解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 解构 ...
- ES6学习----let、const、解构赋值、新增字符串、模板字符串、Symbol类型、Proxy、Set
这篇es6的学习笔记来自于表哥 表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 ES6就是JS6,JS的第 ...
- ES6标准入门之变量的解构赋值简单解说
首先我们来看一看解构的概念,在ES6标准下,允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称作解构,简而言之粗糙的理解就是变相赋值. 解构赋值的规则是,只要等号右边的值不是对象或者数组 ...
- ES6系列_3之变量的解构赋值
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 解构有三种类型: 1.数组的解构赋值 (1)简单的数组解构 以前,我们给变量赋值是直接单个指定值,比如: let a=0; ...
- ES6 随记(2)-- 解构赋值
上一章请见: 1. ES6 随记(1)-- let 与 const 3. 解构赋值 a. 数组的解构赋值 let [a1, b1, c1] = [1, 2, 3]; console.log(a1, b ...
- ES6学习笔记(2)----变量的解构和赋值
参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 变量的解构和赋值 本质上:只要模式匹配,左边的变量就能被赋予右边对应的值 原则: 解构赋值的规则 ...
随机推荐
- 最新IDEA永久激活
此教程已支持最新2019.2版本 本教程适用Windows.Mac.Ubuntu等所有平台. 激活前准备工作 配置文件修改已经不在bin目录下直接修改,而是通过Idea修改 如果输入code一直弹出来 ...
- python字符串与字典转换
经常会遇到字典样式字符串的处理,这里做一下记录. load load针对的是文件,即将文件内的json内容转换为dict import json test_json = json.load(open( ...
- C# get folder's Md5 generated by file's and filename's md5. get dictionary md5
C# get dictionary md5 static string GetDicMD5(string dirFullName) { logBuilder = new StringBuilder() ...
- 《C#并发编程经典实例》学习笔记—2.9 处理 async void 方法的异常
问题 需要处理从 async void 方法传递出来的异常. 解决方案 书中建议尽量不写 async void 这样的方法,如果非写不可,建议在方法内部 try catch 所有的代码,即在方法内部处 ...
- Git实战指南----跟着haibiscuit学Git(第八篇)
笔名: haibiscuit 博客园: https://www.cnblogs.com/haibiscuit/ Git地址: https://github.com/haibiscuit?tab=re ...
- [Go] 轻量服务器框架基础TCP连接的抽象和封装
对tcp连接部分以及与连接绑定的业务部分进行抽象和封装 主要是对连接的开启关闭和读写进行封装,抽象出接口,使用回调进行具体业务的绑定 zinterface/iconnection.go package ...
- shell 脚本里的$(( ))、$( )、``与${ }的区别
shell 脚本里的命令执行 1. 在bash中,$( )与` `(反引号)都是用来作命令替换的. 命令替换与变量替换差不多,都是用来重组命令行的,先完成引号里的命令行,然后将其结果替换出来,再重组 ...
- 攻防世界Web新手练习区(1-6)
第一题 view_source 获取在线场景查看网页 打开页面之后首先考虑查看源代码,发现不能右击 根据题目的提示考虑使用view-source查看源代码,发现flag 第二题 get_post 获取 ...
- WASM 成为 HTML、CSS 与 JS 之后的第 4 门 Web 语言
大家都知道,万维网联盟 W3C 认证的 Web 语言有 HTML.CSS 与 JavaScript,而近日联盟正式宣布 WebAssembly 核心规范(WebAssembly Core Specif ...
- 小程序之--动态设置页面标题 wx.setNavigationBarTitle
参考地址 http://www.yilingsj.com/xwzj/2018-11-26/weixin-navigationbartitletext.html 页面最初是[在线教研] 可以在这个页面的 ...