首页 >web前端 >js教程 > 正文

javascript可以取数组的值吗

原创2021-09-08 16:55:090952

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中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 数组
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • JavaScript基础入门及设计模式视频教程JavaScript基础入门及设计模式视频教程
  • JavaScript基本语法及基本语句视频教程JavaScript基本语法及基本语句视频教程
  • JavaScript核心编程视频教程JavaScript核心编程视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • JavaScript OOP调试技巧视频教程JavaScript OOP调试技巧视频教程
  • 视频教程分类