变量类型和计算

news/2024/7/10 23:28:41 标签: js, es6

1.类型

1.值类型
在这里插入图片描述
存储方式
在这里插入图片描述
常见值类型
在这里插入图片描述

2.引用类型
在这里插入图片描述
存储方式
在这里插入图片描述
常见引用类型
在这里插入图片描述

2.typeof运算符

判断值类型
在这里插入图片描述
判断引用数据类型
在这里插入图片描述

3.深拷贝

var arr = [100,[{a:200,b:300}],{c:[1,2,3]}]
    var arr1 = deepClone(arr)
    function deepClone(obj={}){
        // 判读obj不是对象或数组直接返回return
        if(typeof obj!=='object' || obj==null){
            return obj
        }
        let result
        // 检测obj是对象还是数组
        if(obj instanceof Array){
            result = []
        }else{
            result = {}
        }
        // 循环obj数据
        for(let key in obj){
            // 判读key是在实例上还是原型上 在实例上在执行
            if(obj.hasOwnProperty(key)){
            //递归拷贝
                result[key] = deepClone(obj[key])
            }
        }
        return result
    }
    arr1[1][0].b=6
    console.log(arr)
    console.log(arr1)

4.变量计算-类型转换
字符串拼接 ==运算符 和if语句和逻辑运算用到比较多 例
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


http://www.niftyadmin.cn/n/1367743.html

相关文章

移动端上传图片

import { Uploader } from vant; <van-uploader :after-read"afterRead">拍照</van-uploader>// 上传图片afterRead(file) {// console.log(file.file.name);let content file.file;let data new FormData();data.append("file", content);/…

localstorage,sessionstorage和cookie的区别

localstorage&#xff0c;sessionstorage和cookie的用途都是在浏览器中存储key/value中的数据。 localstorage和sessionstorage存储数据用setItem()&#xff0c;获取数据用getItem()&#xff0c;单独删除数据用removeItem()&#xff0c;全部删除用clear() cookie存储数据 wind…

js中操作dom

DOM元素的创建&#xff0c;增删改查和属性操作 创建&#xff1a;document.wirte、innerHTML、createElement 增加 &#xff1a;appendChild insertBefore 删除 &#xff1a;removeChild 改 修改元素的属性&#xff1a;src、href、title等 修改普通元素内容&#xff1a;innerHT…

vue3rem

1.安装两个插件 npm i postcss-pxtorem -S npm i amfe-flexible -S2.根据vue3提供的新配置方法&#xff0c;在vue-config.js中对CSS做配置&#xff1a; const autoprefixer require(autoprefixer); const pxtorem require(postcss-pxtorem); module.exports {css:{sourceM…

vue3初识

1.vue3中变量写法 import { reactive} from "vue"; export default {setup() {const state reactive({value: "",ids: "",bannerImg: "",sightName: "",gallaryImgs: [],categoryList: []});//注意return出去return { sta…

require与import的区别和使用(CommonJS规范和es6规范)

CommonJS的由来 在早期没有模块化思想时代码没有很好的编写规范&#xff0c;导致很多代码、逻辑重复、缺乏条理性且不易管理维护&#xff0c;这也让很多开发者头疼不已。随着JavaScript 社区的发展&#xff0c;社区为JavaScript制定了相应的规范&#xff0c;而CommonJS规范的提…

elementUi中tree组件获取父节点的id

在tree组件中用current-change"getLeafKeys"事件 methods中 &#xff08;b是tree组件获取的node&#xff09; getLeafKeys(a,b){var parentList []function getParent (node) {// 判断当前节点是否有父节点&#xff0c;并且父节点上的data不能是数组if (node.paren…

搜素模糊查询可以大小写

//leafname 查询输入的值 nodes循环的数据 path内部使用 function findPathByLeafId(leafname, nodes, path) {if (path undefined) {path []}for (var i 0; i < nodes.length; i) {var names nodes[i].name if (names.toLowerCase().includes(leafname) true) {path.…