es6的几种方法

最新推荐文章于 2023-02-24 11:40:41 发布

videodong

最新推荐文章于 2023-02-24 11:40:41 发布

阅读量497

点赞数

文章标签： es6 visual studio code

本文链接：https://blog.csdn.net/videodong/article/details/110293614

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //foreach循环遍历数组
        let arr = [0, 24, 4, 45, 634, 35]
        //为每一项进行加10的操作
      //  arr.forEach(function (item, index, a) {
            // console.log(a)/++

            // })33000000000000000000000000000000000

            //    arr.forEach(item => {
            //       alert(item + 10)
            //   });

            //map 有返回值 和foreach相似
            // let ar =arr.map(item => item + 10)
            // console.log(ar)

            //filter 过滤数组
            //let ar = arr.filter(item => item > 10 )
            //console.log(ar)

            //some  判断返回true或false

            // let ar = arr.some(item =>item > 10)
            // console.log(ar)

            // let smg = '今天天气真好， 一点光都没有  '
            //去掉两端空格
            //  console.log(smg.trim())

            //   console.log(smg.startsWith('好',5))
            //  console.log(smg.endsWith('好',5))
           // let ar = arr.findIndex(item => item = 2)
           // console.log(ar)


         //  let arr = new Array()
           //arr = [1,2,3]
         //  let obj =new Object()
          // obj = {}
           
        // let setList = new Set([0,1,3,3,5,7,'abc'])
        //追加数据
      //  setList.add(99).add('bbb')
        
       // console.log(setList)
       
       // const s =new Set(0,3,2,1)
       //添加一个值，返回Set结构本身

       // s.add(1).add(2).add(3)
       //删除某个值，返回一个布尔值，表示删除是否成功
        //s.delete(3)
        //返回一个布尔值，
       // s.has(1)
       // s.clear()
       // s.size()



       //类对象
       let maplist new Map([
           ["a","啧啧啧"],
           ["b","嘿嘿嘿"],
           ["c","嘻嘻嘻"],
       ])；
       maplist。set('name','爱丽丝')
       let newVal = maplist.get('b')
//将一个普通对象转换成map数据结构
       let zqlobj = {
           name : '嘿嘿嘿',
           age : 140,
           aihao:'发呆'

       }
       let mapCpf = new Map(Object.entries(zqlobj))
       console.log(mapCpf)

       let map = new Map();
       map.set('1','str1');
       map.set(1,'num1');
       map.set(true,'bool1')
       alert(map.get(1));
    </script>
</body>

</html>

if&show

``用法：
指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。

   
 <div id="app">
        <button @click='changeShow'>显示图片<tton>
        <!-- <div v-if="isShow"></div> -->
        <div v-if='isShow'>
            <!-- <img src="./img/timg.jpg"> -->
            请登录
        </div>
        <div>
            用户：aa已登录
        </div>
    </div>
        <script src="./jsue.js"></script>
        <script>
            new Vue({
                el: '#app',
                data: {
                    isShow: true//布尔值
                },
                methods: {
                    changeShow() {
                        this.isShow = !this.isShow
                    }
                }
            })
        </script>

事件修饰符

 <div id="app"> 
        <a href="https://www.baidu.com/" @click.prevent='myAlert'>点击</a>

        <!-- 冒泡 -->
        <div @click='divC1'>
                <button @click.stop='btnC1'>点击<tton>
        </div>

        <!-- 按键的修饰符 -->
        <input type="text" v-model='nickName' @keyup='clearTxt'>
        <!-- 点亮backspace 直接清空 -->
    </div>
    <script src="./jsue.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: {
                    nickName: '字符字符字符字符字符字符字符字符'
            },
            methods: {
                myAlert(e) {
                    //阻止默认行为
                    //e.preventDefault();传统
                    //只专注于自己的操作
                    alert('被点亮了')
                },
                divC1() {
                    console.log('div');
                },
                btnC1() {
                    console.log('btn');
                },
                clearTxt() {
                    //清空表单
                    this.nickName = ''
                }
            }
        })
    </script>

videodong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
es6的几种方法

Document //将一个普通对象转换成map数据结构let zqlobj = {name : ‘嘿嘿嘿’,age : 140,aihao:‘发呆’ } let mapCpf = new Map(Object.entries(zqlobj)) console.log(mapCpf) let map = new Map(); map.set('1','str1'); map.set(1,'num1'); map...
复制链接

扫一扫