美文网首页
2018-12-25(javascript基础笔记)

2018-12-25(javascript基础笔记)

作者: FeistyFei | 来源:发表于2018-12-25 23:26 被阅读0次

数据类型转换

1.string

  • 将一个数据类型强制转换为其他的数据类型

  • 类型转换主要指,将其他数据类型,转为 string、 number、Boolean

  • 将其他的数据类型转换为 string

    方式一:

    • 调用被转换数据类型的toString() 方法
    • 该方法不会影响原变量值,它会将转换的结果返回。(所以需要用变量接受返回值)
    • 注意:null 与 undefined 是没有toString( ) 方法,如果调用了 该方法,会报错。

方式二:

​ 调用String( )函数; 调用函数直接写函数就行了

​ 使用String()函数做强制类型转换时,

​ 对于Number 和 Boolean 实际上就上调用 toString()方法

​ 但是对于null 和 undefined,就不会调用 toString()方法

​ 它会将 null 直接转换成 "null" (字符串null)

​ 将 undefind 直接转换为 “undefind” (字符串undefind)

var a = 123;
console.log(typeof a); // 返回值  number (数字)
console.log(a);        // 123

/*
    调用 a 的toString()方法
    调用xxx的YYY()方法,语法就是 xxx.yyy();
*/
var b = a.toString();  // 转换a变量的数据类型,并赋值给 b 变量
console.log(typeof b); // 返回值 string (已经转换成  字符串)
console.log(b);        // 返回值 "123"  (b的值是 字符串 "123")

// 方法二
var a = 123;
a = String(a); // 返回值: "123" 数字转换成了 字符串

2.Number

方式一:

​ 使用Number( ) 函数;

​ 字符串 ---> 数字

​ 1.如果是纯数字的字符串,则直接将其他转换为数字。

​ 2.如果字符串中有非数字的内容,则转换为 NaN

​ 3. 如果字符串是一个空字符串或者是一个全是空格的字符串,则转换为 0;

方式二:

​ 这种方式专门对付字符串的—— 2个函数

​ 1.parseInt( ) 把字符串转换成一个整数(取整数)

​ 2.parseFloat( ) 把一个字符串转换成一个浮点数(取小数)

​ 3. 如果对非 string 使用 parseint () 或者 pasreFolat () 它会先将其转换为 String 然后在操作

// 方式一
var a = "123";
a = Number(a);  // 123
console.log(a); // Number 

// 特殊情况
var b = "abc";
b = Number(b); // NaN  ( Number )

var b = "123abc";
b = Number(b); // NaN  ( Number )

var b = "  ";
b = Number(b); // 0   ( Number )

// 方式二 🌟🌟🌟🌟🌟
var a = "1920px";
a = parseInt(a);
console.log(a); // 1920 Number
var b = (a + 10) + "px";
console.log(b);   // "1930px"  string

var a = "23.456789px";
a = parseFloat(a); 
console.log(a);      // 23.456789
var b = (a + 10) + "px"; 
console.log(b);      // "23.456789px"



3.Boolean

​ Boolean ---> 数字

​ true 转成 1

​ false转成 0

var a = true;
a = Number(a); // 1

var a = false;
a = Number(a); // 0

4.null 与 5.undefined

​ null,undefined ---> 数字

​ null 转成 0

​ undefined 转成 NaN

相关文章

  • 2018-12-25(javascript基础笔记)

    数据类型转换 1.string 将一个数据类型强制转换为其他的数据类型 类型转换主要指,将其他数据类型,转为 st...

  • JavaScript ☞ day1

    JavaScript基础学习笔记之JavaScript基础 HTML中添加JS代码、注释方法、输出方式 docum...

  • 学习ReactNative笔记一 __JavaScript基础

    学习ReactNative笔记一 ___JavaScript基础 ★★★笔记时间- 2017-1-9 ★★★ 前言...

  • JavaScript ☞ day2

    JavaScript基础学习笔记之JavaScript提升 了解时间 Date Date对象的方法 Date对象间...

  • JavaScript ☞ day3

    JavaScript基础学习笔记之JavaScript进阶 焦点事件 鼠标事件-单击与双击 鼠标事件-mouseo...

  • JavaScript基础,基础

    原javaScript学习笔记(一)js基础 一、简介 1、概述: JavaScript是目前web开发中不可缺少...

  • JavaScript的组成部分

    该部分笔记记录关于JavaScript基础的学习。今天先从入门了解一下JavaScript的组成。JavaScri...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • Javascript基础笔记

  • JavaScript基础笔记

    摘要:1.语句2.变量2.1变量提升3.标识符4.注释5.区块6.条件语句6.1 if 结构6.2 if…else...

网友评论

      本文标题:2018-12-25(javascript基础笔记)

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