当前位置:首页 > 日记 > 正文

js数组的各种操作总结

js数组的各种操作总结
数组应该是日常生活中使用频率最高的js代码。在正常的项目中,许多数据可以通过数组存储和操作,除了对象,数组类型应该是js中最常用的类型。

今天,总结一下数组的一些简单和基本操作,并巩固我们的基础知识。

1。如何直接创建数组(以下数组)

创建数组有两种主要方法。第一个是使用数组构造函数,第二个是使用数组文字表示。

1。使用数组构造函数

如:var arr =新的数组();

如果预先知道数组的长度,还可以直接将长度传递给构造函数。

如:var arr =新阵(20);

如果知道数组中应该包含的项,则可以在构造数组时传递数组中应该包含的项。

如:var arr =新的数组(1,2,3);

2。使用数组文字表示

如:var arr = {三};

VaR arr2 = { };

两。数组的操作

1、堆栈法和队列法

1)堆栈操作的方式:高级返回原则——通过重数组尾部添加数据项,然后从数组尾部获取尾部数据项。

推()-是在数组的结尾添加一个数据项,这个方法的参数数可以被定制;

POP()——方法是在数组的结尾处获取一个数据项,它不需要传递任何参数;

如:
var颜色=新建(数组);创建数组
VaR计算= colors.push(红
console.log(计数);

红色
Color.push(棕色); / /到另一个
颜色{ 3 }
console.log(彩色);
console.log(color.push(蓝色));
Console.log((颜色。流行)); / /得到的最后一个

2)队列操作模式:先进先出原理——通过从数组头部插入数据并获取数据项来模拟实现。

推送();将数据项添加到数组的结尾;

移位();——获取数组头的数据信息;

Unshift();-移相反的是插入数据项信息到数组的头部;
无功colorarr =新(阵列); / /创建一个数组
ColorArr.push(红
console.log(colorarr);
VaR的长度= colorarr.push(蓝色);
console.log(长度);

var = colorarr.shift(项); / /第一
console.log(项目);
console.log(colorarr。长度);
2。检测与验证阵列

在平时的项目开发中,我们经常遇到判断一个对象是否是一个数组(函数中传递参数)的问题。如果我们判断一个对象是否是一个数组,那么有两种方法。

1)第一种方法

如果(价值instanseof阵列){

}

2)第二种方法

如果(Array.isArray(值)){

这种方法只使用} / /高的浏览器版本IE9浏览器运用小记:+,+ /铬

三.具体的编程实例

1)添加元素(在数组的结尾添加元素)

数组arr中Matsuo Kamotomo项目。不要修改数组arr直接,返回新数组。

方法1:将切片()和推()结合
功能追加(ARR,项){
Var arr.slice(newarr = 0); / /片(开始、结束)浅拷贝数组
NewArr.push(项);
返回newarr;
};

方法二:普通迭代复制
功能追加(ARR,项){
VaR的长度= arr.length,
newarr = { };

对于(var i = 0;i <长度;i + +){
NewArr.push(ARR {我});
}

NewArr.push(项);

返回newarr;
};

方法三:使用concat
功能追加(ARR,项){
返回arr.concat(项目);
}

2)添加一个元素(在任何位置添加一个元素)

在数组arr.指数添加元素项不修改数组arr直接,并把结果返回到一个新的阵列。

方法一:使用普通迭代复制
函数插入(ARR,项指标){
var newarr = { };
对于(var i = 0;i < arr.length;i++){
NewArr.push(ARR {我});
}
newarr.splice(指标、0项);
返回newarr;
}

方法二:切片()与剪接()的结合。
函数插入(ARR,项指标){
var newarr = arr.slice(0);
newarr.splice(指标、0项);
返回newarr;
}
方法三:结合concat()和()的剪接
函数插入(ARR,项指标){
var newarr = arr.concat();
newarr.splice(指标、0项);
返回newarr;
}

三.删除元素(删除数组的最后一个元素)

删除最后一个元素的数组arr。不修改数组arr直接,并把结果返回到一个新的阵列。

方法一:使用普通迭代复制
函数截断(ARR,项){
var newarr = { };
对于(var i = 0;i < arr.length-1;i++){
NewArr.push(ARR {我});
}
返回newarr;
}
方法:结合concat()和流行()
函数截断(ARR){
var newarr = arr.concat();
NewArr.pop();
返回newarr;
}
4。删除元素(删除数组的第一个元素)

删除数组的第一个元素改编不修改数组arr直接,并把结果返回到一个新的阵列。
方法一:使用普通迭代复制
功能降低(ARR){
var newarr = { };
对于(var i = 1;i < arr.length;i++){
NewArr.push(ARR {我});
}
返回newarr;
}
方法:结合concat()和()的转变
功能降低(ARR){
var newarr = arr.concat();
newarr.shift();
返回newarr;
}
方法三:切片()
功能降低(ARR){
返回arr.slice(1);
}

5。组合阵列

将数组arr1和数组arr2。不要修改数组arr直接,并把结果返回到一个新的阵列。

方法一:使用普通迭代复制
函数concat(arr1,arr2){
var newarr = { };
对于(var i = 0;i < arr1.length;i++){
NewArr.push(arr1 {我});
}
对于(var j = 0;J < arr2.length;j++){
NewArr.push(arr2 {,});
}
返回newarr;
}

方法二:concat()方法
函数concat(arr1,arr2){
返回arr1.concat(arr2);
}

方法三:将切片()和推()结合
函数concat(arr1,arr2){
var newarr = arr1.slice(0);
对于(var i = 0;i < arr2.length;i++){
NewArr.push(arr2 {我});
}
返回newarr;
}

5,删除数组中的元素

删除数组arr中等于项目的所有元素。不要修改数组arr直接,并把结果返回到一个新的阵列。

方法1:拼接()方法
功能删除(ARR,项){
var newarr = arr.slice(0);
对于(var i = 0;i < newarr.length;i++){
如果(newarr {我} = =项目){
newarr.splice(I,1);
}
}
返回newarr;
}
var arr = { 1,2,3,4,2 };
var项目= 2;
console.log(去除(ARR,项));
console.log(ARR);

方法二:推()方法
功能删除(ARR,项){
var newarr = { };
对于(var i = 0;i < arr.length;i++){
如果(ARR {我}!=项目){
Newarr.push(ARR {我});
}
}
返回newarr;
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

在专有的CSS属性haslayoutIE浏览器

在专有的CSS属性haslayoutIE浏览器

浏览器,属性,深度,电脑软件,CSS,a.haslayout是什么 haslayout有很多相似之处的,但haslayout概念更易于理解。在互联网浏览器,元素与布局;的概念来控制的大小和位置、布局和布局已不分为两种,大小和定位元件的布局是由本身和它的元素的控制,没有…

词的页面背景时,清除Word2010教程的

词的页面背景时,清除Word2010教程的

操作,教程,清除,背景,页面,字填写页面背景;雨后;,今天是一个常见的大学计算机考试,萧边教你在Word页面背景的技能后雨。 单词页面到后台操作步骤后的雨 单击页面布局;。 点击页面颜色选项,点击填充效果;。 在渐变选项卡上,单击预置;。 在默认的颜…

ps实例分析在减法中的应用

ps实例分析在减法中的应用

应用实例,实例分析,减法,电脑软件,ps,今天给大家分享的ps解析减法的方法,教程很基础,适合初学者学习,希望对你有所帮助! 步: 1,选择矩形盒子工具;在文档中画一个矩形; 2,选择单行盒选择工具; 3,按住Alt键;这是选区相减的快捷键,并绘制单行选择。 4。…

在HTML中详细解释字幕属性

在HTML中详细解释字幕属性

字幕,属性,解释,详细,电脑软件,这个标签是不属于html3.2,只支持msie3后核。因此,如果使用非IE内核浏览器(如Netscape),您可能不会看到以下有趣的结果。 标签是容器标签。 Grammar: 下面是最简单的例子之一: 代码如下: 你好,世界 以下两个事件经…

通过在Windows5.7.9winx64MySQL安

通过在Windows5.7.9winx64MySQL安

安装,电脑软件,winx64MySQL,当mysql5.7.9版本上安装Windows,不会有问题的启动但没有错误报告。这是因为5.7.9以上的版本将在MySQL目录缺乏数据目录。 在数据目录中存储了一些表文件,用于描述数据和结构。数据目录不能自己构建。它必须自动生…

安装MySQL5.7.17在Windows10下简单

安装MySQL5.7.17在Windows10下简单

安装,简单,笔记,电脑软件,以前Linux已经用过mysql,安装也很简单,今天,试着安装在windows下,发现里面确实有个坑。 记录安装过程是很好的。 1。首先,我们必须去MySQL官方网络下载我们需要的资源,选择下载>社区,这时你可以看到MySQL社区服务器。 …

一个键取消Excel中的多个操作

一个键取消Excel中的多个操作

操作,取消,多个,电脑软件,Excel,在连续运行,你需要返回到操作的初始状态,如果你不保持下来,显然是不必要的;如果单击开始工具栏按钮,或撤消;连续按Ctrl + z集团债券被撤回,那就更麻烦了。一个关键的撤销可以通过以下方法实现: 单击工具栏上的取消,,…

js不要求在页面跳过时跳转地址。

js不要求在页面跳过时跳转地址。

地址,跳转,跳过,页面,电脑软件,事实上,我想表达的是,JS,当window.location.href控制页面跳转,有时跳到缓存的页面,并不是真的要来跳,结果在页面数据加载失败,刷新时间。 直接进入代码… uff1a结算条款 从HTML中隐藏并从JS调用来请求链接地址 $…

用双轴图显示多组数据更为明显。

用双轴图显示多组数据更为明显。

数据,显示,多组,电脑软件,用双轴图,有时需要显示多个数据集可以在Excel图表遇到一些问题:现在的同时,销售增长率,但销售价值比较大,而增长率通常低于1,所以当两组数据出现在同一个图表,趋势增长率不能反映在图。在这一点上我们可以使用双轴图的Ex…

插画教程:制作烟雾笔刷

插画教程:制作烟雾笔刷

教程,插画,烟雾,笔刷,电脑软件,本教程告诉你用Illustrator CS4制作烟雾笔刷的过程,我希望看到你的插画水平进一步通过本教程。 先看看效果图: 1。新的文件(Ctrl + N),文件大小A3(297 * 420mm)。 2,使用矩形工具(M)绘制一个矩形,大小与绘图板的大小,并…

WPS如何使用缩放函数WPS如何使用缩

WPS如何使用缩放函数WPS如何使用缩

缩放,函数,文本,教程,如何使用,对于频繁使用WPS的人,应该知道如何使用变焦功能,但对于初学者来说,可能有点无知,让萧边告诉你如何使用变焦功能的WPS。 WPS中缩放函数的使用方法 1。打开需要使用缩放功能的WPS文档,单击工具栏的打印; 2。我们将…

MySQL的多线程复制遇到error_code:1

MySQL的多线程复制遇到error_code:1

多线程,溶液,电脑软件,MySQL,error_code,上周,我们在生产环境中遇到了一个问题。我不敢去享受它。我把它拿出来做了一个简单的朋友分享。 原因:由于IDC机房的电源故障(估计它会受到挖掘机的攻击),所有服务器都重新启动并影响MySQL数据库: MySQL…