js中遍历数组加到新数组_javaScript 遍历数组方法总结

数组和对象一样都是引用数据类型，数组中的数据按照顺序排列，从0开始，把这个叫做索引，也叫做下标，把数组中的每个数据叫做元素，或者简称元。

数组的新建方式有字面量创建和构造函数创建两种方法

字面量创建： var arr=[4,5,3,6,2,1]

构造函数创建： var arr1=new Array(4,5,3,6,2,1);

注：如果通过数组的构造函数创建数组，参数仅有1个，且这个参数是正整数，则表示新建一个具备该正整数长度的空数组，里面有这个长度的若干空元素。

一、for循环方法遍历数组

var arr=["d","e","f","a"];

for(var i=0;i

console.log(arr[i]);

}

二、for...in循环遍历

var arr=["d","e","f","a"];

for (var i in arr){

console.log(arr[i]);

}

使用for循环与for...in循环遍历数组区别

1、当使用for in遍历时，会将所有属性包括下标都会转为字符型

2、for in不会遍历空元素，for会遍历空元素

3、for in可以遍历到数组的属性，for只能遍历数组所有下标，不能遍历属性

可以使用for...in的特性实现数组的不遍历空元素方法

for(var i=0;i

if(i in arr)console.log(arr[i]);

}

三、forEach方法(不会遍历空元素)

格式：arr.forEach(function(元素，下标，数组) {} )

var arr=[1,2,3,4,5,,7,8,9];

arr.forEach(function(item,index,arr){

console.log(item);

})

四、map方法

格式： arr.map(function(元素，下标，数组) {} )

var arr=[1,2,3,4,5,,7,8,9];

arr.map(function(item,index,arr){

console.log(item);

})

forEach与map方法区别

1、 forEach方法不会遍历空元素

2、forEach方法没有返回值

3、map返回值默认是一个与arr同等长度的数组，且数组内元素都是Undefined.结果演示如下：

var arr=[1,2,3,4,5,,7,8,9];

var arr1=arr.map(function(item,index,arr){

})

console.log(arr1);

运行结果

Love

Haha

Wow

Sad

Angry

js中遍历数组加到新数组_javaScript 遍历数组方法总结相关推荐

html中splice向数组添加元素,js中splice()的强大(删除，插入或替换数组的元素)
1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 2.插入-向数组指定位置插入任意项元素.三个参数,第一个参数(其实位置),第二个参数(0),第三个参数( ...
模块加载及第三方包：Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session
1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发一个功能就是一个模块,多个模块可以组成 ...
【JS】JS中数值型字符串相加变成拼接字符串的解决方法
[JS]JS中数值型字符串相加变成拼接字符串的解决方法参考文章: (1)[JS]JS中数值型字符串相加变成拼接字符串的解决方法 (2)https://www.cnblogs.com/xsjs/p/1 ...
js中几种对数值取整数和小数部分的方法
js中几种对数值取整数和小数部分的方法取整 (1)parseInt 用法:parseInt(num) 这是最常见的一种取整方式,但是其实parseInt并不是为了取整而设计的注: parseInt ...
js中判断文本框是否为空的两种方法
js中判断文本框是否为空的两种方法 //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: ...
js中遍历数组加到新数组_JS几种数组遍历方式总结
JS数组遍历的几种方式 S数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一 ...
js中遍历数组加到新数组_js数组遍历：JavaScript如何遍历数组？
什么是数组的遍历? 操作数组中的每一个数组元素. 使用for循环来遍历数组因为数组的下标是连续的,数组的下标是从0开始. 我们也可以得到数组的长度. 格式:for(var i=0;i 数组变量名[i ...
js中遍历数组加到新数组_JS中的真伪数组
前端inn 公众号ID:前端inn 关注作者:冥冥之中立刻有 1. 快速理解伪数组相关概念伪数组也称为类数组伪数组是一个对象伪数组的特点 [1]具有length属性 [2]按索引方式存储数据 ...
小程序登录问题--登录函数getUserInfo()写在app.js中，首次加载无法获取后台处理过的用户的信息，刷新一次后就可以获取的解决
遇到这个问题,是因为自己需要写个登录的功能.需要用户自己点击登录后,才登录. 登录的功能函数写在app.js中,现在需要在user.js中使用这个全局的函数,来登录并获取用户信息.但是出现的问题就是, ...

js中遍历数组加到新数组_javaScript 遍历数组方法总结

js中遍历数组加到新数组_javaScript 遍历数组方法总结相关推荐

最新文章

热门文章