前端基础(包含ES6)（一）

CarlBenjamin 发布于2019-08-21 11:42 / 1896人阅读

摘要：中到底都有哪些数据类型基本数据类型值类型引用数据类型对象对象数组正则时间函数但是属于数据类型的非严格转换严格的转换数字的常用方法保留小数点后面位用来检测是否为有效数字的方法不相等方法还有基模式，可以把二进制八进制十六进制或其他任何

JS中到底都有哪些数据类型 基本数据类型 / 值类型

- number、 string、 boolean(true / false)、 null、 undefined
Symbol(es6)

引用数据类型

object(对象): {}
{} 对象、[] 数组、 /^ $/ 正则  Tue Mar 08 2016 16: 17: 10 GMT + 0800 时间
function(函数)

Number

NaN typeof NaN : number NaN:not a number但是属于number数据类型的

非严格转换:parseInt/parseFloat

严格的转换:Number

数字的常用方法toFixed(n):保留小数点后面n位

isNaN()用来检测是否为有效数字的方法

    console.log(parseInt("12px"));//->12
    console.log(parseInt("12px13"));//->12
    console.log(parseInt("px13"));//->NaN
    parseInt("0xA");   //returns   10
    parseInt("22.5");   //returns   22
    parseInt("blue");   //returns   NaN
    var num = 3.141592654;
    console.log(num.toFixed(2));//->3.14
    NaN==NaN // false 不相等

parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示例如下：

parseInt("AF",   16);   //returns   175
parseInt("10",   2);   //returns   2
parseInt("10",   8);   //returns   8
parseInt("10",   10);   //returns   10

下面是使用parseFloat()方法的示例:

parseFloat("1234blue");   //returns   1234.0
parseFloat("0xA");   //returns   NaN
parseFloat("22.5");   //returns   22.5
parseFloat("22.34.5");   //returns   22.34
parseFloat("0908");   //returns   908
parseFloat("blue");   //returns   NaN

Boolean

只有五个值(""、0、NaN、null、undefined)转换为布尔类型会变为false,其余的都是true

[] array 1、关于数组的增、删、改

(1) push:向数组的末尾增加新的内容

返回值:新增加后数组的长度

原来的数组已经发生了改变

    let ary = [1,2,3ary];
    let newAry = ary.push(100);
    console.log(ary,newAry);// newAry = 4 ,ary = [100]

(2)pop:删除向数组的末尾

返回值:被删除的那一项的内容

原有的数组发生改变

    let ary = [100,123,13];
    let newAry = ary.pop();
    console.log(ary,newAry);// newAry = [13] ,ary = [1,2]

(3)shift:删除数组中的第一项

返回值:被删除的那一项的内容

原有的数组发生改变

 let ary = [100,123,13];
    let newAry = ary.shift();
    console.log(ary,newAry);// newAry = [100] ,ary = [123,13]

(4)unshift:添加数组中的第一项

返回值:添加后的新数组的长度

原有的数组发生改变

 let ary = [100,123,13];
    let newAry = ary.unshift(100);
    console.log(ary,newAry);// newAry = 3 ,ary = [100,123,13]

(5)splice：增删改
删除

ary.splice(n,m) 从索引n开始,删除m个元素,把删除的内容以一个新数组的方式返回,原来的数组改变

ary.splice(n) 从索引n开始,删除到数组的末尾

ary.splice(0) 把原来的数组中每一项都删除掉(清空数组每一项),把之前的每一项的值以一个新的数组返回(把之前的数组克隆了一份一模一样的,这样的克隆会修改原来的数组)

ary.splice() 数组中一项都没有删除,返回的是一个空数组

修改

splice(n,m,x) 从索引n开始,删除m个,用x替换删除的部分,把删除的内容以一个新的数组返回,原来的数组改变

增加

splice(n,0,x) 从索引n开始,一个都不删除(返回结果是一个空数组),把x增加到索引n的前面,原来的数组改变

未完待续，持续更新

专线服务混合云前端基础前端基础教程前端零基础零基础前端

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87013.html

基础知识 - 收藏集 - 掘金

摘要：本文是面向前端小白的，大手子可以跳过，写的不好之处多多分钟搞定常用基础知识前端掘金基础智商划重点在实际开发中，已经非常普及了。 JavaScript字符串所有API全解密 - 掘金关于我的博客：louis blog SF专栏：路易斯前端深度课原文链接：JavaScript字符串所有API全解密本文近 6k 字，读完需 10 分钟。字符串作为基本的信息交流的桥梁，几乎被所有的编程...

wdzgege 2019-08-20 17:47 评论0 收藏0
专治前端焦虑的学习方案

摘要：不过今天我希望能够更进一步，不仅仅再抱怨现状，而是从我个人的角度来给出一个逐步深入学习生态圈的方案。最后，我还是想提到下对于的好的学习方法就是回顾参照各种各样的代码库，学习人家的用法与实践。本文翻译自A-Study-Plan-To-Cure-JavaScript-Fatigue。笔者看到里面的几张配图着实漂亮，顺手翻译了一波。本文从属于笔者的Web Frontend Introduc...

codeGoogle 2019-08-21 14:41 评论0 收藏0
前端基础进阶（十五）：详解 ES6 Modules

摘要：下载地址安装一个好用的命令行工具在环境下，系统默认的非常难用，所以我个人比较推荐大家使用或者。下载地址安装在命令行工具中使用查看版本的方式确保与都安装好之后，我们就可以安装了。前端基础进阶系列目录 showImg(https://segmentfault.com/img/remote/1460000009654403?w=1240&h=272); 对于新人朋友来说，想要自己去搞定一个E...

Lowky 2019-08-21 18:31 评论0 收藏0
前端资源系列（4）-前端学习资源分享&前端面试资源汇总

摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

princekin 2019-08-20 11:28 评论0 收藏0
18年求职面经及总结

摘要：年求职面经及总结我的求职之路差不多走到尽头了感觉真是精疲力尽了把这大半年的经历和面试总结写下来希望能给和我一样在求职路上煎熬的人一点帮助先说背景微电子科学与工程专业学过两门和相关的课程语言和单片机这个专业的唯一好处就是大部分人并不知道这个专 18年求职面经及总结我的求职之路差不多走到尽头了,感觉真是精疲力尽了.把这大半年的经历和面试总结写下来,希望能给和我一样在求职路上煎熬的人一点帮...

zhangwang 2019-08-22 11:07 评论0 收藏0