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. Linux服务器部署.Net Core笔记:二、安装FTP

    1.安装 安装ftp:yum install -y vsftpd 将ftp设置开机启动:systemctl enable vsftpd.service 2.配置 安装好后在ftp配置文件里进行配置 : ...

  2. JS---动画函数封装:设置任意的一个元素,移动到指定的目标位置

    动画函数封装:设置任意的一个元素,移动到指定的目标位置 <!DOCTYPE html> <html lang="en"> <head> < ...

  3. 百度大脑UNIT3.0详解之数据生产工具DataKit

    在智能对话项目搭建的过程中,高效筛选.处理对话日志并将其转化为新的训练数据,是对话系统效果持续提升的重要环节,也是当前开发者面临的难题之一.为此百度大脑UNIT推出学习反馈闭环机制,提供数据获取.辅助 ...

  4. MYSQL 游标学习及使用实例

    who?(游标是什么?)游标(cursor)官方定义:是系统为用户开通的一个数据缓冲区,存放sql执行结果.每个游标区都有一个名字,用户可以通过sql语句逐一从游标中获取记录,并赋值给变量,交由主语言 ...

  5. react---css3动画 react-transition-group的使用

    react中可以通过state状态值来控制类名,来达到动画效果 父组件代码: import React from 'react'; import SubComponent from "./s ...

  6. JavaScript数组循环

    JavaScript数组循环 一.前言 利用Javascript map(),reduce()和filter()数组方法可以遍历数组.而不是积累起来for循环和嵌套来处理列表和集合中的数据,利用这些方 ...

  7. SpringMVC框架之第二篇

    6.参数绑定(重点) Springmvc作为表现层框架,是连接页面和service层的桥梁,它负责所有请求的中转.怎么从请求中接收参数是重点,这也体现了我们刚开始说的Springmvc的第一个作用:“ ...

  8. 下拉框移动 jquery

    <%@ page contentType="text/html;charset=UTF-8" language="java" %><html& ...

  9. urllib模块使用笔记

    文中所有python代码均使用的是python2.7实现,与python3并不兼容. UrlLib模块 urllib模块是适用于一个简单的网络数据获取和处理(不能处理有关验证和cookie等功能),官 ...

  10. 1.2 菜单权限 ——MyRapid WinForm快速开发框架-功能介绍

    添加菜单后用户并不会看到菜单 需要经过授权后才能看到 授权界面如图 授权的数据逻辑可以理解为一个键值对 角色>>菜单 但是为了方便集中数据管理 我设计成了 角色>>资源 其中的 ...