ES6 字符串方法对象方法

前端新手2022

于 2022-08-19 14:49:19 发布

阅读量348

点赞数

分类专栏： ES6 文章标签： es6 vue.js typescript

本文链接：https://blog.csdn.net/qq_35112578/article/details/126419608

版权

ES6 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

字符串方法

trim（）：去除字符串两侧的空格，返回一个新的字符串

// trim():删除字符串两端的空格
        let str='   字符串    '
        console.log(str)
        let str1=str.trim()
        console.log(str1);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串方法</title>
</head>
<body>
<input type="text">
<button>点击</button>
<div></div>
    <script>
        // trim():删除字符串两端的空格
        let str='   字符串    '
        console.log(str)
        let str1=str.trim()
        console.log(str1);

        let input=document.querySelector('input')
        let btn=document.querySelector('button')
        let div=document.querySelector('div')
        btn.addEventListener('click',function(){
            alert('111')
            let newInput=input.value.trim()
            if(newInput===''){
                alert('输入内容为空')
            }else{
                div.innerHTML=newInput
            }
        })


    </script>
</body>
</html>

对象方法

object.defineProperty()：定义对象中新属性或修改原属性

object.defineProperty(obj,prop,discriptor)

obj:必需，目标对象

prop:必需，需定义或修改的属性名

discriptor:必需，目标属性所拥有的特性

  //object.defineProperty()：定义对象中新属性或修改原属性
        // object.defineProperty(obj,prop,discriptor)
        let obj={
            id:1,
            name:'小米',
            price:999
        }
        // 定义新属性
       Object.defineProperty(obj,'num',{value:1000})
    //    修改已有属性
       Object.defineProperty(obj,'price',{value:99})
    //    防止属性值被修改
       Object.defineProperty(obj,'id',{writable:false})
        console.log(obj);

Object.keys() 获取对象所有属性，返回一个数组

// Object.Keys()获取对象所有属性,返回一个由属性名组成的数组
       let arr= Object.keys(obj)
       console.log(arr);
       arr.forEach(function(value){
        console.log(value);
       })