怎么在JavaScript中将数组对象转换为数组对象的方法-创新互联
本文章向大家介绍怎么在JavaScript中将数组对象转换为数组对象的方法的基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
创新互联建站2013年开创至今,先为石屏等服务建站,石屏等地企业,进行企业商务咨询服务。为石屏企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。Java的特点有哪些
Java的特点有哪些 1.Java语言作为静态面向对象编程语言的代表,实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程。 2.Java具有简单性、面向对象、分布式、安全性、平台独立与可移植性、动态性等特点。 3.使用Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等。
1、类数组对象:
拥有length
属性,可以通过下标访问;
不具有数组所具有的方法。
2、为什么要将类数组对象转换为数组对象?
数组对象Array有很多方法:shift
、unshift
、splice
、slice
、concat
、reverse
、sort
,ES6又新增了一些方法:forEach
、isArray
、indexOf
、lastIndexOf
、every
、some
、map
、filter
、reduce
等。由于类数组不具有数组所具有的操作数组的方法,将类数组转换为数组之后就能调用这些强大的方法,方便快捷。更多JavaScript数组的方法请见:https://www.jb51.net/article/144359.htm
3、类数组对象转换为数组对象的方法:
1) Array.prototype.slice.call(arrayLike)
或 Array.prototype.slice.call(arrayLike, 0)
或 [].slice.call (arrayLike)
或 [].slice.call (arrayLike, 0)
var div1 = Array.prototype.slice.call(document.querySelectorAll('div'), 0); var div2 = Array.prototype.slice.call(document.querySelectorAll('div')); var div3 = [].prototype.slice.call(document.querySelectorAll('div'), 0); var div4 = [].prototype.slice.call(document.querySelectorAll('div'));
2) Array.from(arrayLike)
var divs = Array.from(document.querySelectorAll('div'));
3) 原生JavaScript转换
var length = arrayLike.length; var arr = []; for (var i = 0; i < length; i++) { arr.push(arrayLike[i]); return arr; }
4、JavaScript如何判断一个对象是否为数组?
使用typeof
运算符不能判断一个对象是否为数组,因为typeof arr
返回的是object
而不是array
。
1) arr instanceof Array
返回true
2) arr.constructor == Array
返回true
说明:使用instanceof
和constructor
判断数组类型的问题在于,它假定只有一个运行环境,如果网页中包含多个框架,那么实际上存在两个以上不同的全局执行环境,进而存在两个不同版本的Array构造函数,如果从一个框架向另一个框架传入一个数组,那么传入的数组与第二个框架中原生创建的数组分别具有各自不同的构造函数,也就是说,object.constructor == Array
会返回false。
原因:Array属于引用型数据,传递过程仅仅是引用地址的传递,每个页面的Array原生对象所引用的地址是不一样的,在子页面声明的Array所对应的构造函数,是子页面的Array对象,父页面进行判断时使用的Array并不等于子页面的Array。
3) Array.isArray(arr)
方法返回true
ES5新增了Array.isArray()
方法,这个方法的目的是:最终确定一个值是否是数组,不管它是在哪个全局环境创建的。
4) Object.prototype.toString.call(arr) === "[object Array]"
返回true
以上就是小编为大家带来的怎么在JavaScript中将数组对象转换为数组对象的方法的全部内容了,希望大家多多支持创新互联成都网站设计公司!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文名称:怎么在JavaScript中将数组对象转换为数组对象的方法-创新互联
浏览路径:http://hbruida.cn/article/hisgd.html