JS关于数组的基本操作(1)

数组的操作一般分为:创建、合并(两个、三个数组合并)、删除、排序、增加等!

数组创建:

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)
//得到的数组为:["博客","博客站","六月初博客站"]

讲解:指定位置删除,这个方法是不是似曾相识呢?没错如果你认真看过增加数据,应该就知道这个方法其实就是指定位置增加数据。

这里我们可以来回顾下指定位置增加数据,他三个参数分别定义为什么?

第一个参数是增加的位置(既指定位置);

第二个参数是删除的个数(既从指定位置开始要删除数据的个数)

第三个参数是增加数据的内容(既我们需要增加的数据)

说到这里你能明白了,其实也就是换个思路。既然他可以指定位置删除掉需要替换的数据,那么我们是不是也可以指定位置删除数据,但不进行数据的添加呢?

讲到这里,鉴于篇幅原因,数据的排序、去重等将在下一篇博客中进行详细解释!

多谢各位能看到这里,抱拳!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!