美文网首页
数组知识点

数组知识点

作者: 白白白白白甲 | 来源:发表于2017-08-29 15:35 被阅读0次

    引用类型

    object

    一般来说,对象属性访问都是点表示法,方括号语法也有自己的独到之处。例如:

    var person = new Object();
    person.name = "Nicholas";
    alert(person["name"]);          //"Nicholas"
    alert(person.name);         //"Nicholas"
    

    从功能上看,这两种访问对象属性的方法没有任何区别。但方括号语法的主要优点是可以通过变量来访问属性,例如:

    var propertyName = "name";
    alert("person[propertyName]");  //"Nicholas"
    

    如果属性名中包含导致语法错误的字符,或者属性名使用的是关键字或者保留字,也可以使用方括号表示法。例如:

    person["first name"] = "Nicholas";
    

    数组

    在数组最后添加一项:

    var colors = ["red","blue","green"];    //创建一个包含3个字符串的数组
    colors[colors.length] = "black";    //(在位置3)添加一种颜色
    alert("colors.length");     //4
    

    转换方法

    toString()方法和toLocaleString()方法返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。而valueOf()返回的还是数组。

    alert("colors.toString()");     //red,blue,green
    alert("colors.toLocaleString()");       //red,blue,green
    alert("colors.valueOf()");      //red,blue,green
    

    而join()方法可以使用不同的分隔符来构建字符串。join()方法只接受一个参数,jizuowei分隔符的字符串。例:

    alert("colors.join(","));       //red,blue,green
    alert("colors.join("||"));      //red||blue||green
    

    栈方法

    LIFO(后进先出)的数组插入和移除数据的方法,插入移除都发生在栈的顶部,push()方法可以接受任意数量的参数,逐个添加到数组末尾。pop()方法从数组末尾移除一项并返回移除的数据。

    var colors = ["red","blue"];        //创建数组
    colors.push("brown");       //使用push()方法添加一项
    colors[3] = "black";        //添加一项
    alert(colors.length);   //4
    
    var item = colors.pop();        //取得最后一项
    alert(item);        //"black"
    

    队列方法

    FIFO(先进先出)shift()方法移除数组第一项并返回该项。unshift()方法与shift()方法相反,可以在数组前端添加任意项,在IE8及更高版本浏览器返回新数组长度。例:

    var count = colors.unshift("white","green");    //在数组前面推入两项
    alert(count);   //5
    count = colors.unshift("black");    //推入另一项
    alert(count);   //6
    var item = colors.pop();    //取得最后一项
    alert(item);    //"brown"
    alert(colors.length);   //5
    

    push() 数组末尾添加参数

    pop() 数组末尾移除一项并返回

    shift() 移除数组第一项并返回

    unshift() 数组前端添加参数

    重排序方法

    reverse()方法,直接颠倒数组顺序,sort()方法按升序排列数组项,但是比较的是字符串而非数值。所以在使用sort()方法时,还需进行函数比较。

    var values = [3,2,1,4,5];
    values.reverse();
    alert(values);  //5,4,1,2,3
    values.sort(function(a,b){
        return b-a;
    })
    

    操作方法

    contact()方法创建当前数组的一个副本,然后将接收到的参数添加到副本的末尾。例:

    var colors = ["red","green","blue"];
    var colors2 = contact("yellow",["black","brown"]);
    alert(colors);  //red,green,blue
    alert(color2);  //red,green,blue,yellow,black,brown
    

    slice()方法返回从参数指定位置到当前数组末尾或者第二个参数的所有项。

    var colors3 = colors.slice(1);  //green
    var colors4 = colors.slice(1,2);    //green,blue
    
    splice

    1.删除:splice(0,2) 删除数组前两项
    2.插入:splice(2,0,"red","green")从位置2即第三个字符开始删除0个项,并插入字符串"red"和"green"。
    3.替换:splice(2,1,"red","green")删除第二项并插入字符串"red"和"green"。

    位置方法

    indexOf(a,b),从位置b开始查找参数a
    lastIndexOf(a,b)从位置b开始向前查找参数a
    这两种方法都是使用全等(===)方法进行匹配,若找不到匹配项,则返回-1。

    var numbers = [1,2,3,4,5,4,3,2,1];
    alert(numbers.indexOf(4));  //3
    alert(numbers.lastIndexOf(4));  //5
    alert(numbers.indexOf(4,4));    //5
    alert(numbers.lastIndexOf(4,4));    //3
    alert(numbers.indexOf(8));  //-1
    

    迭代方法

    每个迭代方法接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象————影响this的值。传入这些方法的函数接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。

    every():对数组的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

    filter():返回该函数会返回true的项组成的数组。

    forEach():这个方法没有返回值

    map():返回函数每次调用的结果组成的数组

    some():如果该函数对任一项返回true,则返回true

    IE9以上浏览器支持
    以上方法都不会修改数组中包含的值。 例:

    var numbers = [1,2,3,4,5,4,3,2,1];
    var everyResult = numbers.every(function(item,index,array){
        return (item > 2);
    });
    alert(everyResult);     //false
    var someResult = numbers.some(function(item,index,array){
        return (item > 2);
    });
    alert(someResult);      //true
    var filterResult = numbers.filter(function(item,index,array){
        return(item > 2);
    });
    alert(filterResult);    //[3,4,5,4,3]
    
    var mapResult = numbers.map(function(item,index,array){
        return item * 2;
    })
    alert(mapResult);   //[2,4,6,8,10,8,6,4,2]
    
    numbers.forEach(function(item,index,array){
        //执行某些操作
    })
    

    归并方法

    reduce()和reduceRight()方法接收两个参数,一个在每一项上调用的函数和(可选的)作为归并基础的初始值。传给方法的函数接收四个参数,前一个值,当前值,项的索引和数组对象。IE9以上浏览器支持。例:

    var values = [1,2,3,4,5];
    var sum = values.reduceRight(function(prev,cur,index,array){
        return prev + cur;
    });
    alert(sum); //15
    

    reduce()和reduceRight()主要区别在于从哪头开始遍历数组。除此之外,没有任何区别。

    相关文章

      网友评论

          本文标题:数组知识点

          本文链接:https://www.haomeiwen.com/subject/imgodxtx.html