es6 - array for-chrome

 1 // 去重复
 2 Array.from(new Set([1, 1, 2, 3]));         // [1, 2, 3]
 3 console.log(Array.from(new Set([1, 1, 2, 3])));
 4
 5 // 分解字符串
 6 Array.from(‘hello‘);                       // ["h", "e", "l", "l", "o"]
 7 console.log(Array.from(‘hello‘));
 8
 9 // 转换为ascill
10 Array.from(‘hello‘, x => x.charCodeAt(0)); // [104, 101, 108, 108, 111]
11 let ascill = Array.from(‘hello‘, x => x.charCodeAt(0));
12 console.log(ascill, typeof (ascill));
13
14
15 // 获取节点
16 let divs = document.querySelectorAll(‘div‘);
17 Array.from(divs).forEach(function (node) {
18     console.log(node);
19 });
20
21
22 // 数组合并
23 let i = [2, 3, 5, 6];
24 let j = [1, 2, 3, 4];
25 let k = Array.of(‘hello‘, 666, i, j);
26 console.log(k);
27 Array.of(‘hello‘);      // ["hello"]
28 Array.of(1, 2, 3);      // [1, 2, 3]
29 Array.of(‘blink‘, 182); // ["blink", 182]
30
31
32 // 替换数组内容
33 // target = 数组位置(3) ,目标等于start数组位置内(0 ~ array.length-1)
34 let copyWithin1 = [0, 1, 2, 3, 4].copyWithin(target = 3, start = 0);
35 console.log(‘copyWithin1:‘, copyWithin1);
36
37 // target = 数组位置(3) ,目标等于start数组位置内(0 ~ array.length-1),结束位置是4
38 let copyWithin2 = [0, 1, 2, 3, 4].copyWithin(target = 0, start = 3, end = 4);  // [3, 1, 2, 3, 4]
39 console.log(‘copyWithin2:‘, copyWithin2);
40
41
42
43 // fill  - 填充
44 [0, 1, 2, 3, 4].fill(5);                 // [5, 5, 5, 5, 5]
45 // 第二个以后开始fill填充
46 [0, 1, 2, 3, 4].fill(5, start = 2);        // [0, 1, 5, 5, 5]
47 // 第二个开始填充,下标4结束.
48 [0, 1, 2, 3, 4].fill(5, start = 2, end = 4); // [0, 1, 5, 5, 4]
49
50
51
52 // 字符串包含 - es6
53 function startsWithLetterA(e, index, array) {
54     // 包含开头内容a  - es6 字符串搜索
55     console.log(e, index, array);
56     if (e.startsWith(‘a‘)) {
57         return e;
58     }
59 }
60 var cuteNames = [‘jeff‘, ‘marc‘, ‘addy‘, ‘francois‘];
61 cuteNames.find(startsWithLetterA); // "addy"
62
63
64
65 // 字符串包含 - 返回下标
66 function startsWithLetterA(element, index, array) {
67     if (element.startsWith(‘a‘)) {
68         return element;
69     }
70 }
71 var cuteNames = [‘jeff‘, ‘marc‘, ‘addy‘, ‘francois‘];
72
73 cuteNames.findIndex(startsWithLetterA); // 2

END...

原文地址:https://www.cnblogs.com/cisum/p/9395299.html

时间: 2024-08-10 04:50:05

es6 - array for-chrome的相关文章

[ES6] Array.find()

Convenient method to find one item in an array, avoid writing and  for + if: let arys = [1,,5,,6] ; let target = 6; let res = arys.find(item => item === target); console.log(res);

es6 Array.from() 将类似数组的对象转化为数组(1)

Array.from() 将数组对象转化为数组,应用方式Array.from(arr) arr数组对象的名称; 常用与类似数组的对象是DOM操作返回的Nodelist集合(如: let ps = document.querySelectorAll('p')),函数内部的arguments对象(如:function(){ let args = Array.from(arguments); //...}) 备注: querySelectorAll('')返回的是一个类似数组的对象,只有将对象转化为数

ES6 Array

let json = { '0': 'jspang', '1': '技术胖', '2': '大胖逼逼叨', length:3 } Array.from(json) json转换为Array let arr =Array.of(3,4,5,6); string转换为Array let arr=[1,2,3,4,5,6,7,8,9]; arr.find(arr.find(function(value, index, arr){ return value>5 })) 控制台输出了6,说明找到了符合条件

Javascript ES6 特性概述(即ECMAScript 6和ES2015+)

Javascript在过去的一年里变化了很多,从现在开始,有12个新的特性可以开始用了! 1. 历史 ECMAScript 6是对Javascript语言的增强,有时候也被称为ES6或者ES2015+. Javascript诞生在1995年,从那以后一直在缓慢地演变,每隔几年会有一些新的增强特性出现.ECMAScript出现在1997年,目的是指导Javascript的演化路径,它已经发布了好几个版本,如ES3.ES5.ES6,等等. 可以看到,在ES3.ES5和ES6之间分别有10年和6年的空

你不知道的JavaScript--Item24 ES6新特性概览

ES6新特性概览 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本.但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中.要查看ES6的支持情况请点此. 目前想要

ES6新特性概览

转自:http://www.cnblogs.com/Wayou/p/es6_new_features.html ES6学习可参考:http://es6.ruanyifeng.com/ 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6

JavaScript学习--Item24 ES6新特性概览

ES6新特性概览 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本.但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中.要查看ES6的支持情况请点此. 目前想要

ES6新特性

ES6新特性概览 箭头操作符 如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=>便有异曲同工之妙.它简化了函数的书写.操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs. 我们知道在JS中回调是经常的事,而一般回调又以匿名函数的形式出现,每次都需要写一个function,甚是繁琐.当引入箭头操作符后可以方便地写回调了.请看下面的例子. var array = [1, 2, 3]; //传统写法 array.forEach(f

es6新增的api

从值的转换到数学计算,ES6给各种内建原生类型和对象增加了许多静态属性和方法来辅助这些常见任务.另外,一些原生类型的实例通过各种新的原型方法获得了新的能力. 注意: 大多数这些特性都可以被忠实地填补.我们不会在这里深入这样的细节,但是关于兼容标准的shim/填补,你可以看一下"ES6 Shim"(https://github.com/paulmillr/es6-shim/). Array 在JS中被各种用户库扩展得最多的特性之一就是数组类型.ES6在数组上增加许多静态的和原型(实例)的