JavaScript 数组运用实现代码


Posted in Javascript onApril 13, 2010

截取数组:slice(startIndex,endIndex):

返回数组中指定开始位置倒结束位置的数组。不改变原数组内容。

另外还有一个重要的方法,插入、删除或替换数组元素方法:
splice(startIndex,howmany,element1~elementX):会修改原数组内容。参数含义分别为:“指定开始位置”,“删除多少个元素个数(可以为0)”,“添加到数组中的新元素(从startIndex下标开始)”。

相关运用
//题目一:"A[B]C[D]E[F]G"将其分为两个数组,分别是 ACEG 和 [B][D][F].

function QuestionFn1() { 
var str = "A[B]C[D]E[F]G"; 
var oGetTwoArray = new GetTwoArray(); 
//取左右括号中的值 
oGetTwoArray.GetLeftAndRightValue(str); 
oGetTwoArray.GetNoLeftAndRightValue(str); 
var array1 = oGetTwoArray.arrBetweenLeftRight; 
var array2 = oGetTwoArray.arrNoLeftRight; 
alert(array1.join("")); 
alert(array2.join("")); 
} 
//找到左右括号的index 
function GetTwoArray() { 
this.indexLeft = 0; //左括号索引 
this.indexRight = 0; //右括号索引 
this.arrBetweenLeftRight = []; //数组:存放左右括号中的字母 
this.arrNoLeftRight = []; //数组:存放没有括号包围的字母 
//取左右括号中的值 
this.GetLeftAndRightValue = function(str) { 
//找到字符串中左括号的index 
this.indexLeft = str.indexOf('['); 
this.indexRight = str.indexOf(']'); 
//取括号中的值(包含括号) 
var value = str.substring(this.indexLeft, this.indexRight + 1); 
//存放到数组中 
this.arrBetweenLeftRight.push(value); 
//剩下的str 
var restStr = str.substr(this.indexRight + 1); 
//如果还有左右括号则继续找 
if (restStr.indexOf('[') != -1 && restStr.indexOf(']') != -1) { 
this.GetLeftAndRightValue(restStr); 
} 
} 
//取没有左右括号包围的值 
this.GetNoLeftAndRightValue = function(str) { 
//找到字符串中左括号的index 
this.indexLeft = str.indexOf('['); 
this.indexRight = str.indexOf(']'); 
//取没有左右括号包围的值(跟着右括号的第一个) 
var value = str.substring(0, 1); 
if (value != '[') { //因为第一个就有可能就是左括号 
//存放到数组中 
this.arrNoLeftRight.push(value); 
} 
//剩下的str 
var restStr = str.substr(this.indexRight + 1); 
//如果还有左右括号则继续找 
if (restStr.indexOf('[') != -1 && restStr.indexOf(']') != -1) { 
this.GetNoLeftAndRightValue(restStr); 
} 
//剩下的没有左右括号了,就全部添数组里去 
else if (restStr.indexOf('[') == -1 && restStr.indexOf(']') == -1) { 
this.arrNoLeftRight.push(restStr); 
} 
} 
}

//题目二:有两个有序整数数组,例如【1, 3, 5, 7, 9】和【2, 4, 6, 7, 8, 10, 13】,设计一个函数使两个数组合并,并且剔除掉两个数组里重复的元素.
function QuestionFn2() { 
var arr1 = [1, 3, 5, 7, 9]; 
var arr2 = [2, 4, 6, 7, 8, 10, 13]; 
//循环arr2中的每一个元素 去跟 arr1中的每一个元素 比较 
for (var j = 0; j < arr2.length; j++) { 
for (var i = 0; i < arr1.length; i++) { 
//如果第二个数组中的数 小于数组一中的 某个数 则插到他前面 
if (arr2[j] < arr1[i]) { 
arr1.splice(i, 0, arr2[j]); 
break; 
} 
//相等则剔除 
else if (arr2[j] == arr1[i]) { 
arr1.splice(i, 1, arr2[j]); 
break; 
} 
//如果 arr2[j] 比 数组1中的 最后一个数还大 则插到最后面去 
else if (arr2[j] > arr1[arr1.length - 1]) { 
arr1.push(arr2[j]); 
} 
} 
} 
alert(arr1.toString()); 
}

//题目三:给定一个整数数组,例如【2, 4, 5, 6, 7, 8】和一个数字,例如10,请设计一个函数找出两个元素,并且使这两个数的和为给定数字,并打印出来.
function QuestionFn3() { 
var sum = window.prompt("请输入数组中两数相加的和", 10); 
var arr = [2, 4, 5, 6, 7, 8]; 
var isFind = false; //记录是否存在 
for (var i = 0; i < arr.length; i++) { 
for (var j = i + 1; j < arr.length; j++) { 
if (arr[j] + arr[i] == sum) { 
alert(arr[i] + "+" + arr[j] + "=" + sum); 
isFind = true; 
} 
} 
} 
//如果没有找到 
if (!isFind) { 
alert("数组中没有两数相加等于" + sum); 
} 
}

更多javascript 数组基础可以参考
javascript数组使用调用方法汇总
Javascript 相关文章推荐
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
浅谈Sizzle的“编译原理”
Apr 14 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
Vue.js自定义指令学习使用详解
Oct 19 Javascript
vue实现评价星星功能
Jun 30 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 #Javascript
Javascript 判断Flash是否加载完成的代码
Apr 12 #Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 #Javascript
javascript URL编码和解码使用说明
Apr 12 #Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 #Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
Apr 12 #Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 #Javascript
You might like
php自定义的格式化时间示例代码
2013/12/05 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
PHP获取用户客户端真实IP的解决方案
2016/10/10 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
Laravel框架源码解析之反射的使用详解
2020/05/14 PHP
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
js实现转动骰子模型
2019/10/24 Javascript
解决vue自定义指令导致的内存泄漏问题
2020/08/04 Javascript
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python3读取zip文件信息的方法
2015/05/22 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
简单谈谈Python中的元祖(Tuple)和字典(Dict)
2017/04/21 Python
django 自定义过滤器的实现
2019/02/26 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
jQuery treeview树形结构应用
2021/03/24 jQuery
《学会合作》教学反思
2014/04/12 职场文书
通报表扬范文
2015/01/17 职场文书
阿甘正传观后感
2015/06/01 职场文书
休假证明书
2015/06/24 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
Go语言设计模式之结构型模式
2021/06/22 Golang