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

喜欢ヅ旅行 2022-03-25 09:00 166阅读 0赞

![1240][]

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（招募中）

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

[1240]: /images/20220325/a0d0abada0ce43128f3a2d589dcc17b6.png