zoukankan      html  css  js  c++  java
  • es6

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <body>
    <div>
    <p>111111</p>
    <p>2222222</p>
    <p>33333333</p>
    </div>
    </body>
    <script type="text/javascript">
    /*
    Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)(所谓类似数组的对象即具有length属性)和
    可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。
    * */
    /*let arrayLike = {
    '0':'a',
    '1':'b',
    '2':'c',
    length:3
    }

    let arr1 = Array.from(arrayLike);
    console.log(arr1);*/

    /*let ps = document.querySelectorAll('p');
    Array.from(ps).forEach(function (p) {
    console.log(p);
    });*/

    /* let sum =0;
    [1, 2, 3, 4].forEach(function (item) {
    // console.log(array[index] == item); // true
    sum += item;
    });

    alert(sum); // 10*/

    /*
    es6中foreach的使用,就是遍历,循环
    * */
    /*let arr = [1,2,3,4];
    for (let k=0;k < arr.length;k++){
    alert(arr[k]);
    }*/
    // arr.forEach(alert);
    // arr.forEach(console.log);
    /*
    foreach中通常支持传入一个回调函数,回调函数的参数分别为(value,index,array);
    * */
    //做一个关于求和的例子
    /*var sum = 0;

    [1, 2, 3, 4].forEach(function (item, index, array) {
    console.log(array[index] == item); // true
    sum += item;
    });

    alert(sum); // 10*/

    /*
    foreach中不仅能传入一个回调函数,还能传入一个改变this指向的参数
    * */
    /*var database = {
    users: ["张含韵", "江一燕", "李小璐"],
    sendEmail: function (user) {
    if (this.isValidUser(user)) {
    console.log("你好," + user);
    } else {
    console.log("抱歉,"+ user +",你不是本家人");
    }
    },
    isValidUser: function (user) {
    return /^张/.test(user);
    }
    };

    // 给每个人法邮件
    database.users.forEach( // database.users中人遍历
    database.sendEmail, // 发送邮件
    database // 使用database代替上面标红的this
    );*/

    /*
    Array.of方法用于将一组值,转换为数组。
    这个方法的主要目的,是弥补数组构造函数Array()的不足。
    因为参数个数的不同,会导致Array()的行为有差异。
    * */
    /*var arr = new Array();
    console.log(arr);
    var arr1 = new Array(1);
    console.log(arr1);
    var arr2 = new Array(1,3);
    console.log(arr2);*/

    /*var arr = Array.of(1);
    console.log(arr);*/

    /*
    * copyWithin()
    数组实例的copyWithin方法,在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),
    然后返回当前数组。
    也就是说,使用这个方法,会修改当前数组。
    它接受三个参数。

    target(必需):从该位置开始替换数据。
    start(可选):从该位置开始读取数据,默认为0。如果为负值,表示倒着数。
    end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒着数。
    * */
    // let arr = [1,2,3,4,5];
    // arr.copyWithin(0,3,4);
    // arr.copyWithin(0,-2,-1);
    //这三个参数都应该是数值,如果不是,会自动转为数值。
    // arr.copyWithin(0,"-2","-1");
    // console.log(arr);

    //5、数组实例的fill()
    /*
    fill方法使用给定值,填充一个数组。
    fill方法还可以接受第二个和第三个参数,用于指定填充的起始位置和结束位置。
    * */
    // let arr = ['a','b','c'];
    // arr.fill(7);
    // arr.fill(7,0,1);
    // console.log(arr);
    /*
    可以用for...of循环进行遍历,唯一的区别是keys()是对键名的遍历、
    values()是对键值的遍历,
    entries()是对键值对的遍历
    * */
    // var arr =['a','b'];
    /*for(let index of arr.keys()){
    console.log(index);
    }*/
    //不好使
    /*for(let elem of arr.values()){
    console.log(elem);
    }*/

    /*for(let [index2,value] of arr.entries()){
    console.log(index2,value);
    }*/
    //如果不使用for...of循环,可以手动调用遍历器对象的next方法,进行遍历。
    </script>
    </html>

  • 相关阅读:
    端口转发工具ngr0k
    深入理解JavaScript系列(2):揭秘命名函数表达式(转)
    SQL Server DATEDIFF() 函数
    em(倍)与px的区别
    左右页面布局
    深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点(转)
    《JavaScript高级程序设计》(第二版)
    autocomplete 之 ASP.NET
    JQuery 优缺点略谈
    几个常见CSS错误和解决办法
  • 原文地址:https://www.cnblogs.com/zhangxiaona/p/7077868.html
Copyright © 2011-2022 走看看