前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript问题记录

JavaScript问题记录

作者头像
嘉美伯爵
发布2021-01-18 11:02:53
3260
发布2021-01-18 11:02:53
举报

JS测试

浏览器console即可

js中const、var、let区别

  • const定义的变量不可以修改,而且必须初始化。
代码语言:javascript
复制
const b = 2;//正确
// const b;//错误,必须初始化 
console.log('函数外const定义b:' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b:' + b);//无法输出 
  • var定义的变量可以修改,如果不初始化会输出undefined,不会报错
代码语言:javascript
复制
var a = 1;
// var a;//不会报错
console.log('函数外var定义a:' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a:' + a);//可以输出a=4
} 
change();
console.log('函数调用后var定义a为函数内部修改值:' + a);//可以输出a=4
  • let是块级作用域,函数内部使用let定义后,对函数外部无影响
代码语言:javascript
复制
let c = 3;
console.log('函数外let定义c:' + c);//输出c=3
function change(){
let c = 6;
console.log('函数内let定义c:' + c);//输出c=6
} 
change();
console.log('函数调用后let定义c不受函数内部定义影响:' + c);//输出c=3

JSON

语法
  • 数字
代码语言:javascript
复制
{ "age":30 }
  • 数组(中括号必须在大括号里面)
代码语言:javascript
复制
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}
  • JSON 对象
代码语言:javascript
复制
{ "name":"菜鸟教程" , "url":"www.runoob.com" }
  • JSON 布尔值
代码语言:javascript
复制
{ "flag":true }
  • JSON null
代码语言:javascript
复制
{ "runoob":null }
JSON.parse()
  • JSON 通常用于与服务端交换数据。
  • 在接收服务器数据时一般是字符串。
  • 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
代码语言:javascript
复制
JSON.parse(text[, reviver])
JSON.stringify()
  • JSON 通常用于与服务端交换数据。
  • 在向服务器发送数据时一般是字符串。
  • 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
代码语言:javascript
复制
JSON.stringify(value[, replacer[, space]])

数组过滤

map

用于对服务器返回的数据进行二次处理,这样前端可以有自己的数据结构

代码语言:javascript
复制
globalInfo[0].carousel.map(item => {
        item.image = item.image.replace('http', 'https')
      })
filter

用于过滤不需要的数据

代码语言:javascript
复制
$store.state.post.carousel.filter(item => item.type ===0)
foreach

js打开窗口

  • 当前窗口打开
代码语言:javascript
复制
window.location.href="http://www.gaozhe.net";
  • 新窗口打开
代码语言:javascript
复制
window.open("http://www.gaozhe.net");

运算

  • 向上取整
代码语言:javascript
复制
Math.ceil(25.333333//26
  • 向下取整
代码语言:javascript
复制
Math.floor(25.333333//25
  • 四舍五入
代码语言:javascript
复制
 Math.round(25.333333//23

参考文档

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/03/09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • JS测试
  • js中const、var、let区别
  • JSON
    • 语法
      • JSON.parse()
        • JSON.stringify()
        • 数组过滤
          • map
            • filter
              • foreach
              • js打开窗口
              • 运算
              • 参考文档
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档