美文网首页互联网科技程序员
前端必须学会的5个原生JavaScript对象方法

前端必须学会的5个原生JavaScript对象方法

作者: 不解释_ef04 | 来源:发表于2019-01-19 21:04 被阅读1次

    JavaScript

    随着node.js和基于JavaScript的各种框架的诞生,JavaScript在当今的互联网越来越受到人们的重视,今天我们就来聊聊前端必须会的5个原生JavaScript对象方法。

    JSON.stringify

    难度指数:★ ★ ★ ★ ★

    使用频率:★ ★ ★ ★ ☆

    应用1:将一系列的数据(数组或者对象)转换为JSON字符串,然后通过接口提交到服务端。

    应用2:轻松过滤不满足条件的元素,并且是递归过滤。

    应用3:输出格式非常漂亮的JSON对象,方便您阅读,而这个操作,仅仅需要设置该方法的第三个参数,即缩进的空格数。

    Array.prototype.join

    难度指数:★ ★ ★

    使用频率:★ ★ ★ ★ ★

    在WEB应用开发中,经常需要这样做,就是我们将满足条件的数据放在一个数组里面,当用户点保存时,我们便将这个数组转换为一个JSON字符串或者一个以逗号分隔开的字符串,然后将这个字符串通过隐藏域或者AJAX的方式传递到服务端保存起来,而这个方法就能够做到以逗号分隔开。

    以数组保存的应用比如:多选、自定义表单操作结果。

    Array.prototype.includes

    难度指数:★ ☆

    使用频率:★ ★ ☆ ☆ ☆

    在WEB开发中,经常会有这样一种需求,就是我们已经通过接口从服务端获取了所有的数据,但是现在发现获取的数据有部分并不是我们需要的,那么这个时候,我们需要将不需要的数据剔除来,于是我们可以使用这个方法来验证是否是我们需要的,不是的话就剔除。

    Array.prototype.concat

    难度指数:★ ★ ★ ☆

    使用频率:★ ★ ★ ☆ ☆

    在自定义表单开发中,我们经常会遇到,将多个操作结果合并为一个结果然后赋予表单隐藏域提交,这样做既能够减少变量的个数,也能够降低代码的维护成本,本方法就是将多个数组合并为一个数组。

    类型数组系列

    难度指数:★ ★ ★ ★ ★

    使用频率:★ ★ ☆ ☆ ☆

    学过C语言的人都知道,它是一种强类型语言,比如整型类型就有整型、短整型、长整型、双长整型等。但是区别就是每个类型所占字节不同,分别是2个、1个、4个和8个字节,为什么需要这么多种类型呢?原因就是节约内存,就是内存按最小需求分配,JavaScript从ECMAScript 2015开始,借鉴了C语言的这个特点,引入了Int8Array、Uint8Array、Uint32Array等等类型化数组。

            自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS [炫酷特效,游戏,插件封装,设计模式]到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴, 有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。

            加Q 裙:956940552(招募中)

    为了鼓励我们创造更多的原创文章,请动动你的小手指,分享、赞或评论一下,谢谢。

    相关文章

      网友评论

        本文标题:前端必须学会的5个原生JavaScript对象方法

        本文链接:https://www.haomeiwen.com/subject/jbzzdqtx.html