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的数组遍历,数组转换字符串的更多相关文章

  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. Blazor(WebAssembly) + .NETCore 实现斗地主

    之前群里大神发了一个 html5+ .NETCore的斗地主,刚好在看Blazor WebAssembly 就尝试重写试试. 还有就是有些标题党了,因为文章里几乎没有斗地主的相关实现:),这里主要介绍 ...

  2. ssm集成(maven)& 分模块开发--详细教程

    1 maven版本的ssm 1.1 最简单的版本步骤: (1) 创建maven web项目 (2) 在pom.xml中导入依赖的jar包 (3) 再写配置文件: web.xml <!DOCTYP ...

  3. jQuery实现电梯导航特效

    功能描述: 当滚动条滑到某个位置时,显示电梯导航: 当用户滚动滚动条时,让电梯导航的选中状态和当前滚动到的区域保持一致: 当用户点击电梯导航时,滚动条滚动到被点击导航对应的区域 准备工作: 首先将jQ ...

  4. cpv framework 0.1 正式发布 (C++ 网页框架)

    项目地址 https://github.com/cpv-project/cpv-framework 项目介绍 cpv framework 是一个 C++ 编写的网页框架,基于 seastar fram ...

  5. webpack 配置babel-loader babel7

    babel 7版本配置 在webpack中 默认只能处理部分 ES6的新语法,一些更高级的ES6或ES7的语法,webpack是处理不了的这个时候就需要借助第三方的loader 来帮助webpack ...

  6. Centos系统镜像安装

    一.下载Centos版本 官网地址:http://isoredirect.centos.org/centos 二.制作U盘启动镜像 1.下载安装win32diskimager,用于制作U盘启动镜像,点 ...

  7. springboot使用hibernate validator

    前言 在开发中经常需要写一些字段校验的代码,比如字段非空,字段长度限制,邮箱格式验证等等,写这些与业务逻辑关系不大的代码个人感觉有两个麻烦: 验证代码繁琐,重复劳动 方法内代码显得冗长 每次要看哪些参 ...

  8. Lucene&Solr框架之第二篇

    2.1.开发环境准备 2.1.1.数据库jar包 我们这里可以尝试着从数据库中采集数据,因此需要连接数据库,我们一直用MySQL,所以这里需要MySQL的jar包 2.1.2.MyBatis的jar包 ...

  9. MySQL 排错-解决MySQL非聚合列未包含在GROUP BY子句报错问题

    排错-解决MySQL非聚合列未包含在GROUP BY子句报错问题 By:授客 QQ:1033553122   测试环境 win10 MySQL 5.7 问题描述: 执行类似以下mysql查询, SEL ...

  10. ES6 解构 destructuring

    解构的作用:简化书写长度,提升开发效率. 解构对象 在开发中我们常用到使用ajax请求数据,并且把数据渲染到页面上.可能这个数据返回的对象或数组.例如返回一个obj{name:'zwq',age:18 ...