JavaScript使用slice函数获取数组部分元素的方法


Posted in Javascript onApril 06, 2015

本文实例讲述了JavaScript使用slice函数获取数组部分元素的方法。分享给大家供大家参考。具体如下:

JS数组带有一个slice方法,可以获取数组的指定部分,下面的代码获取数组中的第二个和第三个元素

<!DOCTYPE html>
<html>
<body>
<p id="demo">
Click the button to extract the second and 
the third elements from the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana","Orange","Lemon","Apple","Mango"];
var citrus = fruits.slice(1,3);
var x=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
</body>
</html>

上面的代码输出

Orange,Lemon

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript Array.remove() 数组删除
Aug 06 Javascript
jquery ajax 检测用户注册时用户名是否存在
Nov 03 Javascript
JavaScript学习历程和心得小结
Aug 16 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
一个简单的全屏图片上下打开显示网页效果示例
Jul 08 Javascript
js实现使用鼠标拖拽切换图片的方法
May 04 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
Jan 12 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
Feb 09 Javascript
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
Node.js中的cluster模块深入解读
Jun 11 Javascript
JavaScript 判断iPhone X Series机型的方法
Jan 28 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
Mar 04 Javascript
JavaScript实现数字数组正序排列的方法
Apr 06 #Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 #Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 #Javascript
JavaScript数组前面插入元素的方法
Apr 06 #Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 #Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 #Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 #Javascript
You might like
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
由Javascript实现的页面日历
2011/11/04 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
JavaScript之数组扁平化详解
2019/06/03 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
python实现TCP文件传输
2020/03/20 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
2013/01/09 HTML / CSS
人力资源作业细则
2014/03/03 职场文书
《搭石》教学反思
2014/04/07 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
幼儿园见习报告
2014/10/30 职场文书
给老婆道歉的话
2015/01/20 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
《给予树》教学反思
2016/03/03 职场文书
python函数指定默认值的实例讲解
2021/03/29 Python
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
灵能百分百第三季什么时候来?
2022/03/15 日漫