JS关于数组的基本操作(1)
JavaScipt
0000-00-00 00:00:00
数组的操作一般分为:创建、合并(两个、三个数组合并)、删除、排序、增加等!
数组创建:
var myArray=new Array() ;//创建了一个名称为myArray的空数组 myArray = ["技术分享","资源分享","关于我们"];//这是定义的初时数据
创建数组结束!
增加数据:(末尾插入、开头插入、固定位置插入);
//末尾插入数据,如:在数组中插入"联系我们" myArray.push("联系我们"); console.log(myArray)//在控制台中打印新数组 //得到的数组为:["技术分享","资源分享","关于我们","联系我们"]
开头插入数据:如:数组中插入“首页”:
myArray.unshift("首页"); console.log(myArray)//在控制台中打印新数组 //得到的数组为:["首页","技术分享","资源分享","关于我们","联系我们"]
固定位置插入数据如在第二个位置插入“六月初博客站”:
// splice(position, numberOfItemsToRemove, item) // 拼接函数(索引位置, 要删除元素的数量, 元素) myArray.splice(2, 0, "六月初博客站"); console.log(myArray)//在控制台中打印新数组 //得到的数组为:["首页","技术分享","六月初博客站","资源分享","关于我们","联系我们"]
如果你对扩展原生 JavaScript 不反感,那么可以将特定位置添加数据的方法添加到原型链中;以下是扩展的添加数据的方法:
Array.prototype.insert = function (index, item) { this.splice(index, 0, item); }; myArray.splice(2,"六月初博客站"); console.log(myArray)//在控制台中打印新数组 //得到的数组为:["首页","技术分享","六月初博客站","资源分享","关于我们","联系我们"]
增加数据结束!
数组的合并(两个、三个数组合并)
//两个数组合并 var Array1 = ["六月","六月初"]; var Array2 = ["博客","博客站"]; var newArray = Array1.concat(Array2); console.log(newArray)//在控制台中打印新数组 //得到的数组为:["六月","六月初","博客","博客站"]
三个数组合并
var Array1 = ["六月","六月初"]; var Array2 = ["博客","博客站"]; var Array3 = ["数组","数组集"]; var newArray = Array1.concat(Array2,Array3); console.log(newArray)//在控制台中打印新数组 //得到的数组为:["六月","六月初","博客","博客站","数组","数组集"]
多个数组合并
var Array1 = ["六月","六月初"]; var Array2 = ["博客","博客站"]; var Array3 = ["数组","数组集"]; var Array4 = ["多个","不定数"]; var newArray = Array1.concat(Array2,Array3,Array4); console.log(newArray)//在控制台中打印新数组 //得到的数组为:["六月","六月初","博客","博客站","数组","数组集","多个","不定数"]
看到这里,你是不是发现了什么?没错,多个数组,你只需要在concat中添加对应的数组名称即可。这样无论你是两个,三个,四个甚至是多个都能进行合并处理。
数组的删除(开头第一个值,末尾第一个值,指定位置的值)
初始数据:
var delArray = ["六月","六月初博客站","个人","个人博客"]
开头第一个值:
delArray.shift() console.log(delArray)//在控制台中打印新数组 //得到的数组为:["六月初博客站","个人","个人博客"]
末尾第一个值:
delArray.pop(); console.log(delArray)//在控制台中打印新数组 //得到的数组为:["六月初博客站","个人"]指定位置删除:
var setArray = ["博客","站点","博客站","六月初博客站"]; setArray.splice(1,1); console.log(setArray) //得到的数组为:["博客","博客站","六月初博客站"]
讲解:指定位置删除,这个方法是不是似曾相识呢?没错如果你认真看过增加数据,应该就知道这个方法其实就是指定位置增加数据。
这里我们可以来回顾下指定位置增加数据,他三个参数分别定义为什么?
第一个参数是增加的位置(既指定位置);
第二个参数是删除的个数(既从指定位置开始要删除数据的个数)
第三个参数是增加数据的内容(既我们需要增加的数据)
说到这里你能明白了,其实也就是换个思路。既然他可以指定位置删除掉需要替换的数据,那么我们是不是也可以指定位置删除数据,但不进行数据的添加呢?
讲到这里,鉴于篇幅原因,数据的排序、去重等将在下一篇博客中进行详细解释!
多谢各位能看到这里,抱拳!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
881篇文章
2609人已阅读