JS里面怎么把一个数组转化成字符串

JavaScript010

JS里面怎么把一个数组转化成字符串,第1张

1、先用js定义一个变量,就是一个字符串的变量,如图,字符串用逗号隔开。

2、要把字符串转化成数据,我们可以使用JS内置的方法,split方法就行了,这个方法要注意的地方,就是参数,由于字符串是用逗号隔开的,参数就输入逗号就行了。

3、为了验证效果,可以把结果输出到控制台上,使用console.log方法,把结果输出就行了。

在4、脚本里,直接调用刚才的方法,当页面打开后,就会直接执行。

5、打开浏览器的开发者工具,点击‘控制台’。

6、在这里就可以看到输出的结果了,可以看到这个结果就是一个数组。

7、点击展开这个数组,可以看到数组每一项的内容。

在实际开发中我们经常需要将对象转为字符串来传递数据,传递完毕后再以对象的方式显示,所以必须掌握相互转换的方法

一、将对象转为字符串:

 let obj = {

        name: "小米10",

        color: '红色',

        size: '1000*200*500',

        price: '2999'

    }

    // 1. 获取对象的两种方式:

    // console.log(obj.name)

    // console.log(obj['name'])

    // 2.遍历对象

    // 2.1  for in  遍历对象

    // for(变量  in  对象){

    // }

    for (let key in obj) { //for in 里面的变量喜欢用key

        console.log(key)// key 变量 输出得到是属性值

        // console.log(obj[k])//得到里面的属性值

        // console.log(k + '--' + obj[k])

    }

    // 2.2  ES6中新增的获取对象的所有属性方法  

    // Object.keys()  返回对象的所有属性名 是个数组

    console.log(Object.keys(obj))//['name', 'color', 'size', 'price']

    Object.keys(obj).forEach(key =>{

            console.log(key + '--' + obj[key])

        })

        // Object.values返回对象的所有属性值 是个数组

    console.log(Object.values(obj))

    console.log('*'.repeat(30))

    // 3.两种方法转换为字符串

    //方法一

    let arr1 = [] //先声明空数组,再将空数组转换为字符串

    for (let key in obj) {

        arr1.push(key + '=' + obj[key]) // 声明空数组接收对象转换后的数组

    }

    console.log(arr1.join('&'))//也可以声明一个字符串去接

    // 方法二

    // 先找到数组里面所有的属性名,然后用map修改属性

    let str2 = Object.keys(obj).map(key =>[key, obj[key]].join('=')).join('&')

    console.log(str2)

二、将字符串转为对象

 let str = 'name=刘德华&age=18&sex=男'

        let obj = {}

        // split将字符串按照指定字符转为数组,forEach再遍历数组

        str.split('&').forEach(r =>{

            let arr = r.split('=')//然后再用split按等号将数组拼成新数组

            obj[arr[0]] = arr[1]//再给对象赋值 arr[0]是属性。arr[1]是值

        })

        console.log(obj)

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

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

例子:

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

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

例子:

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

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

使用规则:

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

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

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

例子:

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