zoukankan      html  css  js  c++  java
  • js 操作方法

    1.重排方法
    reverse() 方法将数组反转, sort() 默认情况按升序排列,小的在前,大的排在后面 ;调用sort 会调用每项toString(),比较得到的字符

    [1,2,3,4,5,6,7,8].reverse() // [8, 7, 6, 5, 4, 3, 2, 1]
    [1,2,3,4,5,6,7,8].sort() // [1,2,3,4,5,6,7,8]
    [1,2,3,4,5,6,8,11,10,9].sort() // [1, 10, 11, 2, 3, 4, 5, 6, 8, 9]


    //使用默认比较,,但在进行字符串比较时,"10"则位于"5"的前面 使用比较函数最好
    //比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等 则返回 0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:

    [1,2,3,4,5,6,8,11,10,9].sort(function(val1,val2){return val2-val1}) // [11, 10, 9, 8, 6, 5, 4, 3, 2, 1]
    

    2、操作方法
    concat() 先创建一个数组副本,将接收到参数添加到副本末尾,最后返回一个新数组

    var colors = ["red", "green", "blue"]; 
    var colors2 = colors.concat("yellow", ["black", "brown"])
    console.log(colors); // ["red", "green", "blue"]
    console.log(colors2) // ["red", "green", "blue", "yellow", "black", "brown"]
    

    slice() 基于数组创建一或多项创建一个新数组 ,slice()方法接受2个参数,第一个指定开始点,第二个结束点(选) 第二个参数不存在,则查到最后一项

    var colors = ["red", "green", "blue", "yellow", "purple"]; 
    var colors2 = colors.slice(1); 
    var colors3 = colors.slice(1,4);
    
    console.log(colors) // ["red", "green", "blue", "yellow", "purple"]
    console.log(colors2); // [ "green", "blue", "yellow", "purple"]
    console.log(colors3); // [ "green", "blue", "yellow"]

    如果slice() 方法的参数有一个负数,则用数组的长度加上该数来确定相应的位置,如果结束位置小于等于起始位置返回空


    splice()
    删除 : 可以删除任意数量的项,需要指定2个参数,:要删除的第一项的位置和要删除的项数。 例如,splice(0,2)会删除数组中的前两项。

    插入 : 可以向指定位置插入任意数量的项,只需提供 3个参数:起始位置、0(要删除的项数) 和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如, splice(2,0,"red","green")会从当前数组的位置 2开始插入字符串"red"和"green"。

    替换: 可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起 始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如, splice (2,1,"red","green")会删除当前数组位置 2 的项,然后再从位置 2 开始插入字符串 "red"和"green"。

    var colors = ["red", "green", "blue"]; 
    var removed = colors.splice(0,1); // ["red"]
    console.log(colors) //["green", "blue"]
    
    removed = colors.splice(1, 0, "yellow", "orange"];
    console.log(colors) ; //["green", "yellow", "orange" , "blue"]
    
    removed = colors.splice(1, 1, "red", "purple");
    console.log(colors) ; //["green", "red" , "purple" ,"orange" , "blue"]
    

      

    3.位置方法
    indexOf() 和lastIndexOf() 接收两个参数,要查找的项和(可选择)位置索引

    var numbers = [1,2,3,4,5,4,3,2,1];
    console.log(numbers.indexOf(4)); // 3
    console.log(numbers.lastIndexOf(4)); // 5
    
    console.log(numbers.indexOf(4,4)); //5
    console.log(numbers.lastIndexOf(4,4)); // 3
    

      

    4、迭代方法
    every() :对数组中的每一项运行给定函数,如果该函数对应每一项都返回true 则返回 true
    filter(): 对数组每一项运行给定函数,返回true项组成的数组
    forEach():对数组中每一项运行给定函数。这个方法没有返回值
    map():对数组中每一项运行给定函数,每次函数调用都会返回组成的数组
    some():对数组中每一项给定函数,如果函数对应一项,则返回true
    //以上方法都不会改变数组中包含的值

    游走大神世界,体验代码魅力
  • 相关阅读:
    第一篇
    面试题
    CSS样式
    html初步学习
    web开发项目连接访问数据库
    oracle数据库操作之连接
    oracle数据库的基本操作(create创建表,update更新表,drop删除表,select查询表,insert插入数据)
    用js在前台界面进行账户密码的检测,账户和密码符合要求后可进行登录
    用servlet代替js对登录进行检测
    JSP转发和重定向的区别,以及如何获取数据
  • 原文地址:https://www.cnblogs.com/hongding/p/11005136.html
Copyright © 2011-2022 走看看