Vue JS中把其他类型转换成字符串的三种方法

JavaScript07

Vue JS中把其他类型转换成字符串的三种方法,第1张

toString()方法返回的是相应值的字符串表现

数值、布尔值、对象和字符串值都有toString()方法,但是null和undefined值没有这个方法

例子:

多数情况下,使用toString()方法不需要传递参数。

数值调用toString()方法的时候可以传递一个参数,来表示输出数值的基数,可以以2、8、16进制表示字符串值

例子:

在不知道变量是否为null或者undefined是可以使用String()函数来转换为字符串类型

String()函数可以将任何类型的数值转换为字符串

使用规则:

如果转换值有toString()方法的话,就直接调用该方法,并返回相应的结果

如果转换值是null,则返回"null"

如果转换值是undefined,则返回"undefined"

例子:

把转换的值与一个字符串 “” 加在一起

ECMAScript中可用的3种强制类型转换如下:

Boolean(value)——把给定的值转换成Boolean型;

Number(value)——把给定的值转换成数字(可以是整数或浮点数);

String(value)——把给定的值转换成字符串。

1、js中怎么把string类型是日期值转换成date类型的

var  str  =  "2010-03-22"

var val = Date.parse(str)

var newDate = new Date(val)

alert(newDate)

2、在javascript里怎么样才能把int型转换成string型

(1)

var x=100

a = x.toString()

(2)

var x=100

a = x +""//JS会自动隐性转换

javascript 将string 变成 int

JScript

var s = "32"

var i = new Number(s)

parseInt()

parseInt()

例如:

parseInt("abc") // Returns NaN.

parseInt("12abc") // Returns 12.

parseInt("12") //Return 12.

<script></script>

toString()

使用对象的toString函数把对象转化为字符串。

// plain object

var obj = {}

obj.toString() // 返回"[object Object]" // 基本数据封装类

var num = new Number(2.2)

num.toString() // 返回"2.2" // 数组

var arr = [1,2,3]

arr.toString() // 返回"1,2,3" // 正则对象

var reg = new RegExp('\\d')

reg.toString() // 返回"/\d/" // 自定义对象

function Person(name, age) {

    this.name = name

    this.age = age

}

Person.prototype.toString = function () {

    return 'name is ' + this.name + 'and age is ' + this.age

}

var p = new Person('Scott', 31)

p.toString() // 返回"name is Scott and age is 31"

JSON.stringify

使用json序列化的方式把对象转换为字符串,该方式会把一个对象中所有标记为

enumerable的属性序列化为json格式的字符串。

// plain object

var obj = {name: 'Scott', age: 31}

JSON.stringify(obj) // 返回"{"name":"Scott","age":31}" // 基本数据封装类

var num = new Number(2.2)

JSON.stringify(num) // 返回"2.2" // 数组

var arr = [1,2,3]

JSON.stringify(arr) // 返回"[1,2,3]" // 自定义类型

function Person(name, age, maritalStatus) {

    this.name = name

    this.age = age

    // 由于婚姻状况是隐私的属性,不希望序列化字符串的时候暴露给他人,因此这里设置属性为不可枚举的

    Object.defineProperty(this, 'maritalStatus', {

        enumerable: false,

        configurable: false,

        writable: true,

        value: maritalState || 'unknown'

    })

    this.maritalStatus = maritalStatus

}

var p = new Person('Scott', 31, 'married')

// 序列化的时候是没有maritalStatus的

JSON.stringify(p) // 返回"{"name":"Scott","age":31}"

// 但是maritalStatus确实真实存在于对象中的

p.maritalStatus // 返回"married"