js中遍历数组加到新数组

前端inn

公众号ID：前端inn

关注

作者：冥冥之中立刻有

1. 快速理解伪数组

相关概念
- 伪数组也称为类数组
- 伪数组是一个对象
伪数组的特点
- 【1】具有length属性
- 【2】按索引方式存储数据
- 【3】不具有数组的push，pop等方法

2. 伪数组的相关应用

2.1 function内的arguments

function fun() { // arguments 获取函数所有参数 console.log(arguments)}

fun(1, 2);

2.2 特殊写法的对象

// 不是伪数组var obj01 = {}var obj02 = {length: 3};

// 是伪数组var obj03 = {};obj[0] = 'one';obj[1] = 'two';obj[2] = 'three';obj.length = 3;

var obj04 = {length:0};var obj05 = {0:'web',length:1};var obj06 = {99:'inn',length:100};

2.3 某些方式获取的集合(HTMLCollection，NodeList)

【1】document.forms【2】Form.elements【3】Select.options【4】document.getElementsByName()【5】document.getElementsByTagName()【6】childNodes/children

3. 如何区分真伪数组

区分伪数组
- 【1】不是对象，直接判断不是伪数组
- 【2】是对象，没有length属性，那就不是伪数组
- 【3】有length属性，值必须是number
- 【4】length值是number类型，值不为零，这个对象按照下标存储数据
判断真数组

【1】数据 instanceof Array【2】Object.prototype.toString.call(数据) === '[object Array]'【3】Array.isArray(数据)

案例演示：

html><html lang="zh-CN">

<head>    <meta charset="UTF-8">    <title>区分真伪数组title>head>

<body>    <script>// 真数组var arr = [1, 2, 3];// 伪数组var objArr = {1: '前端',2: 'inn',length: 3        };// 伪数组var objArr = {1: '前端','2': 'inn',length: 3        };// 真数组的获取console.log(arr[0]); // 1console.log(arr['1']); // 2console.log(arr[2]); // 3// 伪数组的获取console.log(objArr[0]); // undefinedconsole.log(objArr['1']); // 前端console.log(objArr[2]); // inn// 【1】数据 instanceof Arrayconsole.log(arr instanceof Array);   // trueconsole.log(objArr instanceof Array);  // false// 【2】Object.prototype.toString.call(数据) === '[object Array]'console.log(Object.prototype.toString.call(arr) === '[object Array]');     // trueconsole.log(Object.prototype.toString.call(objArr) === '[object Array]');  // falseconsole.log(Object.prototype.toString.call(objArr) === '[object Object]'); // true// 【3】Array.isArray(数据)console.log(Array.isArray(arr))  // trueconsole.log(Array.isArray(objArr))  // falsescript>body>

html>

4. 将伪数组转成真数组

案例演示

html><html lang="zh-CN">

<head>    <meta charset="UTF-8">    <title>将伪数组转成真数组title>head>

<body>

    <script>// 伪数组var objArr = {1: '前端','2': 'inn',length: 3        };console.log(objArr);var arr = Array.prototype.slice.call(objArr);console.log(arr);script>body>

html>

运行结果图

?友情提示

如果需要素材，请加学习群 QQ群：1141255876

若你对前端开发有兴趣，请关注前端inn！！！

js中遍历数组加到新数组_JS中的真伪数组相关推荐

js map遍历修改对象里面的值_js中那些方法不改变原来的数组对象
一.map方法 [javascript] view plain copy function fuzzyPlural(single) { var result = single.replace(/o/g ...
C语言试题六十三之请编写函数fun：将s所指字符串中ascii值为偶数的字符删除，串中剩余字符形成一个新串放在t所指的数组中。
1. 题目请编写函数fun,其功能是:将s所指字符串中ascii值为偶数的字符删除,串中剩余字符形成一个新串放在t所指的数组中. 2 .温馨提示 C语言试题汇总里可用于计算机二级C语言笔试.机试.研 ...
表间数据复制--SELECT表中的数据插入到新的表中(ORACLE,MSSQL)
表间数据复制--SELECT表中的数据插入到新的表中 --在Oracle 9i中 CREATE TABLE scott.test AS (SELECT DISTINCT empno,ename,hir ...
js中遍历数组加到新数组_JS几种数组遍历方式总结
JS数组遍历的几种方式 S数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一 ...
js中遍历数组加到新数组_js数组遍历：JavaScript如何遍历数组？
什么是数组的遍历? 操作数组中的每一个数组元素. 使用for循环来遍历数组因为数组的下标是连续的,数组的下标是从0开始. 我们也可以得到数组的长度. 格式:for(var i=0;i 数组变量名[i ...
js中遍历数组加到新数组_javaScript 遍历数组方法总结
数组和对象一样都是引用数据类型,数组中的数据按照顺序排列,从0开始,把这个叫做索引,也叫做下标,把数组中的每个数据叫做元素,或者简称元 . 数组的新建方式有字面量创建和构造函数创建两种方法字面量创建 ...
JS中数组的常用方法（concat拼接，join修改间隔符，pop移除最后一个元素，push在数组最后添加新的元素，reverse反转数组元素，shift移除第一个元素，unshift添加，spli）
<html><head><title>js数组的常用方法</title><meta charset="UTF-8"/>& ...
Java 类中各成分加载顺序和内存中的存放位置
一.什么时候会加载类? 使用到类中的内容时加载:有三种情况 1.创建对象:new StaticCode(); 2.使用类中的静态成员:StaticCode.num=9; StaticCode.show ...
js 实现2的n次方计算函数_JS中数据结构与算法---排序算法
排序算法的介绍排序也称排序算法 (Sort Algorithm),排序是将一组数据 , 依指定的顺序进行排列的过程 . 排序的分类内部排序 : 指将需要处理的所有数据都加载到内部存储器( ...

js中遍历数组加到新数组_JS中的真伪数组

1. 快速理解伪数组

2. 伪数组的相关应用

2.1 function内的arguments

2.2 特殊写法的对象

2.3 某些方式获取的集合(HTMLCollection，NodeList)

3. 如何区分真伪数组

4. 将伪数组转成真数组

js中遍历数组加到新数组_JS中的真伪数组相关推荐

最新文章

热门文章