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

楚楚可怜
• 阅读 1860

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的前面,原来的数组改变

未完待续,持续更新

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
晴空闲云 晴空闲云
3年前
javascript实践教程-05-数据类型
本节目标1.掌握js中7种数据类型。2.掌握5种基本数据类型number、string、boolean、null、undefined的声明。3.掌握js中数组的声明和数组相关的方法。4.掌握js中对象的声明和属性、方法的使用。内容摘要本篇介绍了js中的7种数据类型,其中5种基本数据类型:number、string、boolean、null、unde
菜园前端 菜园前端
2年前
你了解JavaScript中的数据类型区分吗
原文链接:常见的ES5数据类型分为基本数据类型、引用数据类型两种。包含字符串、数字、对象、数组、函数、布尔值、空值、未知。基本数据类型String类型(字符串)javascriptvarname'xiaoming'Number类型(数字)javascrip
Jacquelyn38 Jacquelyn38
4年前
面试官:JavaScript的数据类型你了解多少?
前言作为JavaScript的入门知识点,Js数据类型在整个JavaScript的学习过程中其实尤为重要。最常见的是边界数据类型条件判断问题。我们将通过这几个方面来了解数据类型:概念检测方法转换方法概念undefined、Null、Boolean、String、Number、Symbol、BigInt为基础类型;Ob
LinMeng LinMeng
4年前
js之传值与传址/undefined和null/严格模式
传值与传址基本数据类型有五种Undefined、Null、Boolean、Number和String引用数据类型有两种object,array,fn两种数据类型的区别:1.存储位置不同原始数据类型直接存储在栈(stack)中简单数据段,占据空间小,大小固定,属于被频繁使用的数据,所以存储在栈中;引用数据类型直接存
劳伦斯 劳伦斯
4年前
前端面试题自检 JS CSS 部分
JS类型JavaScript的简单数据类型Number,String,Boolean,Undefined,Null,Symboltypeof操作符的返回值numberstringbooleanundefinedobjectfunction
Stella981 Stella981
3年前
JavaScript的深拷贝和浅拷贝
一、数据类型数据分为基本数据类型(String,Number,Boolean,Null,Undefined,Symbol)和对象数据类型。、1.基本数据类型的特点:直接存储在栈(stack)中的数据2.引用数据类型的特点:存储的是该对象在栈中引用,真实的数据放在堆内存里。引用数据类型在栈中存储了指针,该指针指向堆中该实
Wesley13 Wesley13
3年前
MongoDB的数据类型
一.MongoDB之丰富多彩的数据类型世界首先我们要先了解一下MongoDB中有什么样的数据类型:Object ID:Documents自生成的\_idString:字符串,必须是utf8Boolean:布尔值,true或者false(这里有坑哦~在我们大Python中TrueFalse首字母大写)Integer
Stella981 Stella981
3年前
Mongodb之数据类型
一.MongoDB的数据类型Object ID:Documents自生成的\_idString:字符串,必须是utf8Boolean:布尔值,true或者false(Python中TrueFalse首字母大写)Integer:整数(Int32Int64你们就知道有个Int就行了,一般我