• 技术文章 >web前端 >js教程

    javascript可以取数组的值吗

    青灯夜游青灯夜游2021-09-08 16:55:09原创140

    javascript可以取数组的值,获取值的方法:1、使用“数组变量名[下标值]”语句;2、使用slice()函数,语法“arr.slice(下标,元素个数)”;3、使用splice()函数,语法“arr.splice(下标,元素个数)”。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript获取数组值的方法

    方法1:利用 数组变量名[下标值] 的形式

    var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
    console.log(fruits[2]);

    1.png

    方法2:使用slice()函数

    slice() 方法够截取数组中指定区段的元素,并返回这个子数组。该方法包含两个参数,分别指定截取子数组的起始和结束位置的下标。

    var a = [1,2,3,4,5];  //定义数组
    var b = a.slice(2,5);  //截取第三个元素到第六个元素前的所有元素
    console.log(b);  //返回[3,4,5]

    使用该方法时,应该注意下面几个问题。

    1) 第 1 个参数指定起始下标位置,包括该值指定的元素;第 2 个参数指定结束位置,不包括指定的元素。

    2) 该方法的参数可以自由设置。如果不传递参数,则不会执行任何操作;如果仅指定一个参数,则表示从该参数值指定的下标位置开始,截取到数组的尾部所有元素。

    var b = a.slice(2);  //截取数组中第三个元素,以及后面所有元素
    console.log(b);   //返回[3,4,5]

    3) 当参数为负值时,表示按从右到左的顺序进行定位,即倒数定位法,而不再按正数顺序定位(从左到右),但取值顺序依然是从左到右。

    var b = a.slice(-4,-2);  //截取倒数第四个元素到倒数第二个元素前的元素
    console.log(b);   //返回[2,3]

    如果起始下标值大于或等于结束下标值,将不执行任何操作。

    var b = a.slice(-2,-4);  //截取倒数第二个元素到倒数第四个元素前的元素
    console.log(b);  //返回空集

    上面示例说明数组在截取时,始终是按从左到右的顺序执行操作,而不会是从右到左的反向操作。

    4) 当起始参数值大于或等于 length 属性值时,将不会执行任何操作,返回空数组。而如果第二个参数值大于 length 属性值时,将被视为 length属性值。

    var b = a.slice(3,10);  //截取第四个元素,直到后面所有元素
    console.log(b);  //返回[4,5]

    5) slice() 方法将返回数组的一部分(子数组),但不会修改原数组。而 splice() 方法是在原数组基础上进行截取。如果希望在原数组基础上进行截取操作,而不是截取为新的数组,这时候就只能够使用 splice() 方法了。

    方法3:使用splice()函数

    splice() 方法可以添加元素、删除元素,也可以截取数组片段。删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段。

    splice() 方法执行的返回值是被删除的子数组。

    var a = [1,2,3,4,5];  //定义数组
    var b = a.splice(2);  //从第三个元素开始执行删除
    console.log(b);  //被删除的子数组是[1,2]

    如果没有删除元素,则返回的是一个空数组。

    var b = a.splice(2,0);  //不执行删除操作
    console.log(b.constructor == Array);  //返回true,说明是一个空数组

    【推荐学习:javascript高级教程

    以上就是javascript可以取数组的值吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 数组
    上一篇:怎么查看nodejs安装路径 下一篇:javascript事件绑定的方法有哪些
    线上培训班

    相关文章推荐

    • javascript闭包是作用域吗• javascript怎么将小数转换为整数• javascript数组去重怎么做• javascript关键字是var吗

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网