<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>arr方法</title>
<script>

// Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组
// const bar=["a","b","c"];
// alert(Array.from(bar));
// alert(Array.from('foo'));

// Array.isArray() 用于确定传递的值是否是一个 Array。
// alert(Array.isArray([1,2,3]));//true
// alert(Array.isArray({foo:123}));//false
// alert(Array.isArray("foobar"));//false

//Array.of() 方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。

// Array.of() 和 Array 构造函数之间的区别在于处理整数参数：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个包含 7 个 undefined 元素的数组

// alert(Array.of(7));[7]
// alert(Array.of(1,2,3));//[1,2,3];
// alert(Array(7));//[7]
// alert(Array(1,2,3));//[1,2,3];

// every() 方法测试数组的所有元素是否都通过了指定函数的测试

// 下例检测数组中的所有元素是否都大于 10
// function isBigEnough(element,index,array) {
// return (element >= 10);
// }
// var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// alert(passed);//false
// passed=[12, 54, 18, 130, 44].every(isBigEnough);// true
// alert(passed)

// fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。
// var array1 = [1, 2, 3, 4];
// // fill with 0 from position 2 until position 4
// console.log(array1.fill(0, 2, 4));
// // expected output: [1, 2, 0, 0]

// // fill with 5 from position 1
// console.log(array1.fill(5, 1));
// // expected output: [1, 5, 5, 5]

// // console.log(array1.fill(6));
// // expected output: [6, 6, 6, 6]

// filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
// function isBigEnough(value) {
// return value >= 10;
// }
// var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// alert("数组"+filtered);
// const isBigEnough = value => value >= 10;
// let [...spread]= [12, 5, 8, 130, 44];

// let filtered = spread.filter(isBigEnough);
// alert(filtered);

// find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
// function isBigEnough(element) {
// return element >= 15;
// }
// alert([12, 5, 8,10, 44].find(isBigEnough));

// findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1
// function isBigEnough(element) {
// return element >= 15;
// }
// alert([12, 5, 8, 130, 44].findIndex(isBigEnough)); //3

// indexOf()方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1
// let a=[2, 9, 7, 8, 9];
// // alert(a.indexOf(2)); // 0
// // alert(a.indexOf(6)); //-1
// // a.indexOf(7); // 2
// // a.indexOf(8); // 3
// alert(a.indexOf(9)); // 1

// if (a.indexOf(3) === -1) {
// // element doesn't exist in array
// }

// join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。
// let a=['Wind','Rain','Fire'];
// console.log(a.join("*")); // 'Wind*Rain*Fire'

// map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
// let numbers = [1, 5, 10, 15];
// let doubles = numbers.map( x => x ** 2);
// alert(numbers); //[1, 5, 10, 15]
// alert(doubles);//[1, 25, 100, 225]

// pop()方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。
// let a = [1, 2, 3];
// console.log(a.length); // 3
// a.pop(); // 3

// console.log(a); // [1, 2]
// // a.length; // 2

// push() 方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。
// var numbers=[1,2,3];
// numbers.push(4);
// console.log(numbers); // [1, 2, 3, 4]

// numbers.push(5, 6, 7);

// console.log(numbers); // [1, 2, 3, 4, 5, 6, 7]

// shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。
// let a = [1, 2, 3];
// let b = a.shift();
// console.log(a); // [2, 3]
// console.log(b); // 1

// slice() 方法返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改
// var animals=['ant','bison','camel','duck','elephant'];
// console.log(animals.slice(4));//删除第4个

// sort() 方法用就地（ in-place ）的算法对数组的元素进行排序，并返回数组。 sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。
// var fruit = ['cherries', 'apples', 'bananas'];
// alert(fruit.sort());

// var scores = [1, 10, 21, 2];
// console.log(scores.sort());
//
// splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容。
// var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];//索引从1开始

// myFish.splice(2, 0,'drum'); // 在索引为2的位置插入'drum'
// console.log(myFish)// myFish 变为 ["angel", "clown", "drum", "mandarin", "sturgeon"]

// // myFish.splice(2, 1); // 从索引为2的位置删除一项（也就是'drum'这一项）
// // // myFish 变为 ["angel", "clown", "mandarin", "sturgeon"]

// unshift() 方法将一个或多个元素添加到数组的开头，并返回新数组的长度。
// let a=[1,2,3];
// a.unshift(4,5);
// console.log(a);// [4, 5, 1, 2, 3]

</script>
</head>
<body>

</body>
</html>

es6 Array数组方法的更多相关文章

  1. JavaScript Array 数组方法汇总

    JavaScript Array 数组方法汇总 1. arr.push() 从后面添加元素,返回值为添加完后的数组的长度 var arr = [1,2,3,4,5] console.log(arr.p ...

  2. ES6的数组方法之Array.from

    首先说说什么是数组:数组在类型划分上归为Object,属于比较特殊的对象,数组的索引值类似于对象的key值. 数组的几个注意点: 1.数组的长度是可读属性,不可更改,数组的长度根据索引最大值. 2.数 ...

  3. JavaScript Array数组方法详解

    Array类型是ECMAScript中最常用的引用类型.ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别.虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表, ...

  4. Javascritp Array数组方法总结

    合并数组 - concat() 用法一 (合并两个数组) var hege = ["Cecilie", "Lone"]; var stale = [" ...

  5. Array数组方法的总结

    添加元素: 1. push(arg1,arg2,arg3....)  向数组的尾部添加元素,返回值是数组的长度. 2.unshift(arg1,arg2,arg3....) 向数组的头部添加元素,返回 ...

  6. 使用ES6新数组方法(象C# Lambda表达式一样写查询语句)

    let people = [ {id: 1, name: "a", age: 12}, {id: 2, name: "b", age: 13}, {id: 3, ...

  7. es6之数组方法

    //兼容插件 babel-polyfill values()等存在兼容问题,需要加载babel-polyfill插件 .keys()  获取数组的key值 .values()  获取数组的value值 ...

  8. 用ES5实现ES6的数组方法map

    先举个常见的栗子: var arr = [1,2,3,4,6,7,8,9,12,3,25,63,100] var arr2 = arr.map(item => item += 1) consol ...

  9. js Array 数组方法扩展

    //去重复   Array.prototype.unique = function()  {     this.sort();     var re=[this[0]];     for(var i ...

随机推荐

  1. kvm键盘使用

    在新建导向的时候最后一步之前,选择查看细节那里,在desplay的地方选择VNC server ,再在keyboard地方选择us-en,这下进入安装界面就可以了.

  2. day01编程语言，计算机组成: 五大组成部分，计算机三大核心，进制，内存分布图，操作系统

    本周内容 第一天: 计算机原理 操作系统 第二天: 编程语言 python入门:环境 - 编辑器 变量 基本数据类型​ 学习方法 鸡汤 - 干货​wwwh:what | why | where | h ...

  3. Java 泛型方法、泛型类、通配符、通配符上下限

    泛型方法 泛型方法定义规则: 所有泛型方法声明都有一个类型参数声明部分(由尖括号分隔),该类型参数声明部分在方法返回类型之前. 每一个类型参数声明部分包含一个或多个类型参数,参数间用逗号隔开.一个泛型 ...

  4. No executable found matching command "dotnet-aspnet-codegenerator"

    vs2017,mvc新建控制器报错. 右键项目,选择编辑工程文件(.csproj),加入以下节点 <ItemGroup> <DotNetCliToolReference Includ ...

  5. Go 接口(interface)

        文章转载地址:https://www.flysnow.org/2017/04/03/go-in-action-go-interface.html 1.什么是 interface? 简单的说,i ...

  6. Visual Studio 实用扩展工具

    Indent Guides 为每个缩进绘制一条虚线: Highlight all occurrences of selected word 高亮相关代码: Productivity Power Too ...

  7. C#---装箱、拆箱的一个案例

    using System; namespace ConsoleApplication1 { interface IInterface { void Add(int num); } struct Tes ...

  8. 字节顺序标记——BOM，Byte Order Mark

    定义 BOM(Byte Order Mark),字节顺序标记,出现在文本文件头部,Unicode编码标准中用于标识文件是采用哪种格式的编码.     介绍 UTF-8 不需要 BOM,尽管 Unico ...

  9. 在 .NET 项目中集成 SwaggerUI（2018.9.30）

    不多说,直接上教程! 1. 打开NuGet管理器搜索并安装 Swashbuckle和Swagger.Net两项 2. 修改生成设置 3. 修改SwaggerConfig文件 (1)去除注释 c.Inc ...

  10. linux下配置mysql 与错误解决

    1.下载mysql wget https://cdn.mysql.com//Downloads/MySQL-8.0/mysql-8.0.11-el7-x86_64.tar.gz 2.检查linux是否 ...