美文网首页
per-course数组

per-course数组

作者: 王执姬 | 来源:发表于2018-03-30 17:53 被阅读0次

    数组是数据的有序列表。
    JavaScript中,数组中的每一项可以保存任何类型的数据
    JavaScript中,数组的长度是可以动态调整的

    创建数组

    • 使用JavaScript中Array构造函数
    var fruits = new Array();//创建一个数组
    var fruits = new Array(10);//创建一个长度为10的数组
    
    • 使用数组字面量表示法
    var fruits = ['apple', 'pear', 'peach']; // 创建了一个包含三个字符串的数组
    var names = []; // 创建了一个空数组
    var values = [1, 2, ,]; // 不要这样做!这样会创建一个包含2项或4项的数组
    

    读取数组

    var fruits = ['apple', 'pear', 'peach'];
    console.log(fruits[0]); // 显示第一项 - 'apple'
    fruits[1] = 'grape'; // 修改第二项
    console.log(fruits[1]); // 显示第二项 - 'grape'
    fruits[3] = 'banana'; // 新增第四项
    console.log(fruits[3]); // 显示第四项 - 'banana'
    

    方括号中的索引表示要访问的值。
    如果索引小于数组中的项数,就返回对应项的值,如上例中fruits[0]
    如果设置某个值的索引超过了该数组现有的长度,如上例中fruits[3]

    length属性

    数组的项数保存在该数组的length属性中,这个属性始终会返回0或者更大的值。

    var fruits = ['apple', 'pear', 'peach'];
    console.log(fruits.length); // 3
    var colors = [];
    console.log(colors.length); // 0
    

    length属性不是只读的。
    可以通过设置这个属性,从数组的末尾移除数据项,如:

    var fruits = ['apple', 'pear', 'peach'];
    fruits.length = 2;
    console.log(fruits[2]); // undefined - 相当于删除了数组中的第三项
    

    对数组进行添加、删除的基本操作

    push()方法 向数组的末尾添加新的元素。例:

    var fruits = ['apple', 'pear', 'peach'];
    fruits.push('banana');
    console.log(fruits); // ['apple', 'pear', 'peach', 'banana']
    

    pop()方法 从数组的末尾移除一个元素。例:

    var fruits = ['apple', 'pear', 'peach'];
    fruits.pop();
    console.log(fruits); // ['apple', 'pear']
    

    unshift()方法 向数组的前面添加新的元素。例:

    var fruits = ['apple', 'pear', 'peach'];
    fruits.unshift('banana');
    console.log(fruits); // ['banana', 'apple', 'pear', 'peach']
    

    shift()方法 从数组的前面移除一个元素。例:

    var fruits = ['apple', 'pear', 'peach'];
    fruits.shift();
    console.log(fruits); // ['pear', 'peach']
    

    indexOf()方法 找到某一个数据项在数组中的索引值。例:

    var fruits = ['apple', 'pear', 'peach'];
    console.log(fruits.indexOf('pear')); // 1 
    

    参考资料

    相关文章

      网友评论

          本文标题:per-course数组

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