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/ 变量的解构和赋值 本质上:只要模式匹配,左边的变量就能被赋予右边对应的值 原则: 解构赋值的规则 ...
随机推荐
- 5. abp集成asp.net core
一.前言 参照前篇<4. abp中的asp.net core模块剖析>,首先放张图,这也是asp.net core框架上MVC模块的扩展点 二.abp的mvc对象 AbpAspNetCor ...
- SpringCloud-创建服务消费者-Feign方式(附代码下载)
场景 SpringCloud-服务注册与实现-Eureka创建服务注册中心(附源码下载): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/deta ...
- Leetcode823 : 因子二叉树问题
问题描述 给定一个数组,数组中的数不重复,且均大于1.要求使用数组中的数构建二叉树,每个数字可以被重复使用,除了叶子节点,每个节点的值等于其子节点的乘积,求构建二叉树的数量,返回的结果mod 10** ...
- C语言笔记 04_运算符
运算符 运算符是一种告诉编译器执行特定的数学或逻辑操作的符号.C 语言内置了丰富的运算符,并提供了以下类型的运算符: 算术运算符 关系运算符 逻辑运算符 位运算符 赋值运算符 杂项运算符 算术运算符 ...
- 死磕 java线程系列之线程池深入解析——构造方法
(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本. 简介 ThreadPoolExecutor的构造方法是创建线程池的入口,虽然比较简单,但是信息量很大,由此也能 ...
- node-sass 埋坑记录
node-sass 埋坑记录 背景 原有项目.环境: node:v8.16.2 npm:v6.4.1 node-sass::v4.8.0 Angular-CLI:v6.x 本机没有安装 Visual ...
- Angular--AOT和JIT两种编译方式带来的改变
Angular 应用主要由组件及其 HTML 模板组成.由于浏览器无法直接理解 Angular 所提供的组件和模板,因此 Angular 应用程序需要先进行编译才能在浏览器中运行.Angular 提供 ...
- 搭建mount+nfs远程挂载
需求背景: 192.168.10.100 源服务器 目录:/root/test 目录属主属组普通用户,权限777 192.168.10.111 目标服务器 目录:/root/test111 目录属主属 ...
- 44.QT-安装MySQL、测试连接MySQL
在上章学习了42.QT-操作SQLite数据库后,发现MySQL和SQLite的语句都大致相同,所以本章只测试MySQL是否能使用 MySQL安装参考链接:https://blog.csdn.net/ ...
- CentOS7 安装Python3.6.8
CentOS7 安装Python3.6.8 1. 安装依赖环境 yum -y groupinstall "Development tools" yum -y install zli ...