JavaScript数组新特性

 1 <!DOCTYPE html>
 2   2 <html lang="en">
 3   3 <head>
 4   4     <meta charset="UTF-8">
 5   5     <title>test1</title>
 6   6     <script>
 7   7
 8  94
 9  95         /*
10  96
11  97         every,some  前者是遍历数组中的每一个元素,并执行函数运行,如果有一个返回false则返回false/后者如果有一个返回true则返回true
12  98         filter,map  前者遍历数组中的元素,可以理解为过滤元素,并执行函数运行,返回的是过滤后的数组/后者返回的是函数运行计算后的新值
13  99         forEach     遍历每一个元素,并执行一个函数,返回数组
14 100
15 101
16 102         */
17 103
18 135
19 136
20 137         var arr = [1,4,2,5,7,2];
21 138
22 139         var result1 = arr.every(function(item,index,array){
23 140             return item >4;//返回false
24 141         });
25 142
26 143         console.log(result1);
27 144
28 145         var result2 = arr.some(function(item,index,array){
29 146             return item >1
30 147         });
31 148
32 149         console.log(result2);//返回true
33 150
34 151
35 152         var arr_filter = arr.filter(function(item,index,array){
36 153             return item < 5;
37 154         });
38 155
39 156         console.log(arr_filter);//[1,4,2,2]
40 157
41 158         var arr_map = arr.map(function(item,index,array){
42 159             return item >4;
43 160         });
44 161
45 162         console.log(arr_map);//[false, false, false, true, true, false]
46 163
47 164
48 165         arr.forEach(function(item,index,array){
49 166             item = item *3;
50 167             console.log(item); //返回运算后的每一个元素
51 168         });
52 169
53 170     </script>
54 171 </head>
55 172 <body>
56 173
57 174 </body>
58 175 </html>
时间: 2024-11-02 06:56:29

JavaScript数组新特性的相关文章

javascript004_ECMA5数组新特性

•对于ECMAscript5这个版本的Array新特性补充: –位置方法:indexOf      lastIndexOf –迭代方法:every  filter   forEach   some    map –缩小方法:reduce    reduceRight <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <

javascript ES6 新特性之 扩展运算符 三个点 ...

对于 ES6 新特性中的 ... 可以简单的理解为下面一句话就可以了: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中. 作用类似于 Object.assign() 方法,我们先来看一下 Object.assign() 方法: Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.它将返回目标对象.如下: const target = { a: 1, b: 2 }; const source = { b: 4, c: 5

JavaScript ECAMScript5 新特性——get/set访问器

之前对get/set的理解一直有误,觉得get set 是对象属性方法.看了别人的博客也有很多疑问,今天系统的做了很多测试终于弄明白了.(自己通过看书和写demo测试的,如有不对欢迎大家批评指正) get/set访问器不是对象的属性,而是属性的特性.大家一定要分清楚.特性只有内部才用,因此在javaScript中不能直接访问他们.为了表示特性是内部值用两队中括号括起来表示如[[Value]].  1.先简单介绍一下属性的这些特性(这里是简单的背书)          (1)数据属性——包含一个数

JavaScript1.6数组新特性和JQuery的几个工具方法

JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6.这些方法已经被写进了ECMA262 V5.现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持.jquery的工具方法中提供了类似的功能. 1.Array.forEach()和jquery的$().each().在数组中的每个项上运行一个函数.类似java5 增强的for循环. 1 2 3 4 5 6 7 8 9 var

javascript ES6 新特性之 let

let的作用是声明变量,和var差不多. let是ES6提出的,在了解let之前,最好先熟悉var的原理. JavaScript有一个机制叫“预解析”,也可以叫“提升(Hoisting)机制”.很多刚接触JavaScript的人都会被这个机制弄混.比如: // var 的情况 console.log(a); // 输出undefined var a = 2; 在预编译阶段,JavaScript引擎会将上面的a函数修改成下面的写法: var a; //声明且初始化为undefined consol

JavaScript 的新特性:类的 #private 字段

这是什么,如何使用,为什么需要? 一边听"Noise Pollution" -- Portugal. The Man,一边阅读本文简直就是享受 JavaScript 标准的第二阶段(Stage 2)加入了类私有字段.它还没有最终确定,但 JavaScript 标准委员会认为这个特性会被开发出来并最终纳入标准(虽然它可能还会改变) 它的语法(当前)看起来像这样: 1 class Point { 2 **#x;** 3 **#y;** 4 5 constructor(x, y) { 6 *

JavaScript_ECMA5数组新特性

var arr = [ 1, 2, 3, 4, 5, 4, 3, 2, 1 ]; 新加位置的方法: indexOf lastIndexOf1.1个参数的时候表示传值 返回索引位置(index从0开始)var index = arr.indexOf(4);alert(index); //3 2. 2个参数的时候 第一个参数表示起始位置 第二个参数还是值 var index = arr.indexOf(4,4);alert(index); //5 3.他们查找数组比较的时候 '==='  lastI

javascript ES6 新特性之 解构

解构的作用是可以快速取得数组或对象当中的元素或属性,而无需使用arr[x]或者obj[key]等传统方式进行赋值 var arr = [1, 2, 3]; //传统方式 var a = arr[0], b = arr[1], c = arr[2]; console.log(a, b, c); // 1 2 3 //解构方式 var [a, b, c] = arr; console.log(a, b, c); // 1 2 3 从上面的例子我们可以看出,要想获取一个数组中的值,我们可以利用传统的索

es6数组新特性

数组循环属性:for,map,filter,foreach 结论:除了for,其他都不能通过return false,终止循环 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalabl