ES6-新增的数组操作

  1. // es6数组格式
  2. let json = {
  3. '0' : 'anan',
  4. '1' : 'anani',
  5. '2' : 'anania',
  6. length:3
  7. }
  8. //es6 把数组的方法都放到了Array对象中
  9. let arr = Array.from(json);
  10. console.log(arr)
  11.  
  12. //Array.of方法 转数组
  13. // 例如后台传的 '3,4,5,6'
  14. let anan = Array.of(3,4,5,6,7);
  15. console.log(anan) // 打印已转成的数组格式
  16.  
  17. // 例如后台传的 '[3,4,5,6]' 字符串
  18. let anani = Array.of('ananiah','好气啊');
  19. console.log(anani) // 打印已转成的数组格式
  20.  
  21. // find() 实例方法 (先有实例 才可以使用)
  22. // 可以查找 数组 也可以查找字符串 没有值返回undefined
  23. let zxyqswl = [1,2,3,4,5,6,7,8,9];
  24.  
  25. console.log(zxyqswl.find(function(value,index,zxyqswl){
  26. // value 表示当前查找的值 index 表示值得索引 数组的下标 zxyqswl 就是原型
  27. return value > 5;
  28. })) //6
  29.  
  30. //fill 使用固定值填充数组
  31. let append = ['anan','大诶啊','awsl'];
  32. append.fill('wula!',0,1); //替换第一个
  33. append.fill('ananiah',1,2); //替换第二个
  34. append.fill('嘤嘤嘤',2,3); //替换第三个
  35. console.log(append)
  36.  
  37. //数组循环
  38. for(let item of append){
  39. console.log(item) //循环数组的值
  40. }
  41. //输出数组下标
  42. for(let item of append.keys()){
  43. console.log(item) //循环数组的下标
  44. }
  45. //下标和值一起输出
  46. for(let [index,val] of append.entries()){
  47. console.log(index + ':' + val);
  48. }
  49.  
  50. //entries 实例方法 实现 手动循环
  51. let list = append.entries();
  52. console.log(list) //输出Array Iterator数组
  53. console.log(list.next().value) //输出下标为0的数值
  54. console.log(list.next().value) //输出下标为1的数值
  55. console.log(list.next().value) //输出下标为2的数值 

数组解构:

  1. //数组解构
  2. let json1 = ['ananiah','大诶啊','web'];
  3. function jsonarr(a,b,c){
  4. console.log(a,b,c) // ananiah 大诶啊 web
  5. }
  6. jsonarr(...json1);
  7.  
  8. //in 的用法
  9. let obj = {
  10. a:'ananiah',
  11. b:'大诶啊'
  12. }
  13. console.log('c' in obj) //false 判断数组中是否有c
  14.  
  15. let objarr = [,,,]; //d都是空值
  16. console.log(objarr.length) //
  17. console.log(0 in objarr) //false 判断空值

数组遍历:

  1. //数组遍历
  2. let eacharr = ['anan','ananiah','false'];
  3. eacharr.forEach((val,index) => console.log(index,val));
  4. eacharr.filter(x => console.log(x));
  5. eacharr.some(x => console.log(x)); //输出的跟fillter一样
  6. console.log(eacharr.map(x=>'web')); //数组中的值都替换成了web

数组转换字符串

  1. //数组转换字符串
  2. console.log(eacharr.toString())
  3. console.log(eacharr.join('|')) //字符串之间加上|

ES6-新增的数组操作,数组解构,forEach,fillter,some.map的数组遍历,数组转换字符串的更多相关文章

  1. ES6 学习笔记(二)解构赋值

    一.数组的解构赋值 1.基本用法 ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,该操作即为解构 如: let [a,b,c]=[1,2,3]; console.log(a,b,c) ...

  2. ES6(二) Destructuring-变量的解构赋值

    1.解构的含义 允许按照一定的模式,从数组和对象中取值,对变量进行赋值,称为解构. 解构赋值时,只要等号右边的值不是对象,就先将其转换成对象. 本质上,这种写法属于 “模式匹配”,只要两边模式相同,左 ...

  3. ES6第三节:变量的解构赋值

    ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构.下面我们看实际的例子: 一.数组解构: let [a,b,c] = [1,2,3]; console.log(a); //a ...

  4. ES6学习笔记之变量的解构赋值

    变量的解构赋值 ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 数组的解构赋值 以前,为变量赋值,只能直接指定值: 1 2 3 var a = 1; var b = 2; ...

  5. ES6学习 第二章 变量的解构赋值

    前言 该篇笔记是第二篇 变量的解构赋值. 这一章原文链接: 变量的解构赋值 解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 解构 ...

  6. ES6学习----let、const、解构赋值、新增字符串、模板字符串、Symbol类型、Proxy、Set

    这篇es6的学习笔记来自于表哥 表严肃,是我遇到过的讲课最通透,英文发音最好听的老师,想一起听课就去这里吧 https://biaoyansu.com/i/hzhj1206 ES6就是JS6,JS的第 ...

  7. ES6标准入门之变量的解构赋值简单解说

    首先我们来看一看解构的概念,在ES6标准下,允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,这被称作解构,简而言之粗糙的理解就是变相赋值. 解构赋值的规则是,只要等号右边的值不是对象或者数组 ...

  8. ES6系列_3之变量的解构赋值

    ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构. 解构有三种类型: 1.数组的解构赋值 (1)简单的数组解构 以前,我们给变量赋值是直接单个指定值,比如: let a=0; ...

  9. ES6 随记(2)-- 解构赋值

    上一章请见: 1. ES6 随记(1)-- let 与 const 3. 解构赋值 a. 数组的解构赋值 let [a1, b1, c1] = [1, 2, 3]; console.log(a1, b ...

  10. ES6学习笔记(2)----变量的解构和赋值

    参考书<ECMAScript 6入门>http://es6.ruanyifeng.com/ 变量的解构和赋值 本质上:只要模式匹配,左边的变量就能被赋予右边对应的值 原则: 解构赋值的规则 ...

随机推荐

  1. 最新IDEA永久激活

    此教程已支持最新2019.2版本 本教程适用Windows.Mac.Ubuntu等所有平台. 激活前准备工作 配置文件修改已经不在bin目录下直接修改,而是通过Idea修改 如果输入code一直弹出来 ...

  2. python字符串与字典转换

    经常会遇到字典样式字符串的处理,这里做一下记录. load load针对的是文件,即将文件内的json内容转换为dict import json test_json = json.load(open( ...

  3. 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() ...

  4. 《C#并发编程经典实例》学习笔记—2.9 处理 async void 方法的异常

    问题 需要处理从 async void 方法传递出来的异常. 解决方案 书中建议尽量不写 async void 这样的方法,如果非写不可,建议在方法内部 try catch 所有的代码,即在方法内部处 ...

  5. Git实战指南----跟着haibiscuit学Git(第八篇)

    笔名:  haibiscuit 博客园: https://www.cnblogs.com/haibiscuit/ Git地址: https://github.com/haibiscuit?tab=re ...

  6. [Go] 轻量服务器框架基础TCP连接的抽象和封装

    对tcp连接部分以及与连接绑定的业务部分进行抽象和封装 主要是对连接的开启关闭和读写进行封装,抽象出接口,使用回调进行具体业务的绑定 zinterface/iconnection.go package ...

  7. shell 脚本里的$(( ))、$( )、``与${ }的区别

    shell  脚本里的命令执行 1. 在bash中,$( )与` `(反引号)都是用来作命令替换的. 命令替换与变量替换差不多,都是用来重组命令行的,先完成引号里的命令行,然后将其结果替换出来,再重组 ...

  8. 攻防世界Web新手练习区(1-6)

    第一题 view_source 获取在线场景查看网页 打开页面之后首先考虑查看源代码,发现不能右击 根据题目的提示考虑使用view-source查看源代码,发现flag 第二题 get_post 获取 ...

  9. WASM 成为 HTML、CSS 与 JS 之后的第 4 门 Web 语言

    大家都知道,万维网联盟 W3C 认证的 Web 语言有 HTML.CSS 与 JavaScript,而近日联盟正式宣布 WebAssembly 核心规范(WebAssembly Core Specif ...

  10. 小程序之--动态设置页面标题 wx.setNavigationBarTitle

    参考地址 http://www.yilingsj.com/xwzj/2018-11-26/weixin-navigationbartitletext.html 页面最初是[在线教研] 可以在这个页面的 ...