01-JavaScript之变量
这个系列的文章主要讲解JavaScript的常见用法,适合于初中级的前端开发人员,也可以对比TypeScript的系列文章来看。
先介绍JavaScript的变量与常见变量的函数,代码如下:
//变量常用函数
var i=3.1415926;
var ipoint2=i.toFixed(2);
console.log("小数点后取两位:"+ipoint2);
var i2=i.toPrecision(2);
console.log("总共取两位:",i2);
var i3=3.9;
console.log("取最近整数:"+Math.round(i3));
console.log("取最小整数:"+Math.floor(i3));
console.log("取随机生成数:"+Math.random());
//类型转换
var number=100;
var numberstr=number.toString();
if(typeof numberstr==="string"){
console.log("转换为字符串:"+numberstr);
}
var numberstring1="100";
var number1=Number(numberstring1);
if(typeof number1==="number"){
console.log("转换为数字:"+number1);
}
//空、null、undefined判断
var name="caojian";
var sex=null;
if(name){
console.log("你的名字是:"+name);
}
if(sex){
console.log("你的性别是:"+sex);
}
var names=["caojian","hcc"];
if(names){
for(var i=0;i<names.length;i++){
console.log("名字分别是:"+names[i]);
}
}
//数组操作
var arr=new Array();
arr.push("C#");
arr.push("Python");
arr.push("Java");
arr.push("TypeScript");
arr.pop();
console.log("被推出最后一个后改变原数组:"+arr);
arr.sort();
console.log("排序后改变原数组:"+arr);
var arrstr=arr.join(";");
console.log("数组使用连接符组合为字符串:"+arrstr);
var arr1=new Array();
arr1.push("HTML5");
arr1.push("JavaScript");
var arrarr1=arr.concat(arr1);
var arrarr1str=arrarr1.join(";");
console.log("两个数组连接后组合为字符串:"+arrarr1str);
arr.splice(0,2,"C#后端语言","Java后端语言");
console.log("从索引0开始替换2个元素为新值:"+arr);
var newarr1=arr.slice(2,3);
console.log("从索引2开始,取3-2个元素:"+newarr1);
var arrmap=arr.map(function(i){
return "语言:"+i;
});
console.log("投影每个元素进行操作:"+arrmap);
var newarr2=arr.filter(function(i){
return i[0]==="C";
});
console.log("元素开头字母为C的是:"+newarr2);
var allc=arr.every(function(i){
return i[0]==="C";
});
console.log("每个元素都是以C为开头:"+allc);
var somec=arr.some(function(i){
return i[0]==="C";
});
console.log("有元素是以C为开头:"+somec);
//常量
const animal={Category:"Cat",Age:20};
try{
animal.Age=21;
}
catch(error){
console.log(error.message);
}
finally{
console.log("更改常量的某个属性值后:"+animal.Category
+" "+animal.Age);
}
try{
animal={Category:"Cat",Age:22};
}
catch(error){
console.log(error.message);
}
欢迎加入QQ群讨论:573336726
01-JavaScript之变量的更多相关文章
- javascript中变量提升的理解
网上找了两个经典的例子 var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); // 10 var ...
- 【详解JavaScript系列】JavaScript之变量
一 概述 本篇文章将讲解JavaScript中的变量,大致内容归结为: 1.变量定义 包括变量声明和变量初始化 2.变量种类 包括局部变量和全局变量 3.变量链式作用域及访问 二 内容 (一)变量 ...
- javaScript系列 [01]-javaScript函数基础
[01]-javaScript函数基础 1.1 函数的创建和结构 函数的定义:函数是JavaScript的基础模块单元,包含一组语句,用于代码复用.信息隐蔽和组合调用. 函数的创建:在javaScri ...
- JavaScript 基础 (变量声明, 数据类型, 控制语句)
创建: 2017/09/16 更新: 2017/09/24 更改标题 [JavaScript 概要]-> [JavaScript 基础] 完成: 2017/09/25 更新: 2017/10/0 ...
- javascript的变量作用域--对比js、php和c的for循环
为什么要写这篇文章呢?主要是给自己提个醒,js的水很深,需要小心点儿才能趟过去,更何况自己不是专业人士,那就得更加小心了. 看下面的js代码: <!DOCTYPE html> <ht ...
- [转]深入理解JavaScript的变量作用域
1.JavaScript的作用域链 2.函数体内部,局部变量的优先级比同名的全局变量高. 3.JavaScript没有块级作用域. 4.函数中声明的变量在整个函数中都有定义. 5.未使用var关键字定 ...
- JavaScript笔记:变量及其作用域
一.变量的定义及声明 在javascript中变量仅仅是用来保存值的一个占位符而已,定义变量时要使用关键字var后跟一个变量名,如下所示: var message; //定义一个变量message,像 ...
- JavaScript中变量提升是语言设计缺陷
首先纠正下,文章标题里的 “变量提升” 名词是随大流叫法,“变量提升” 改为 “标识符提升” 更准确.因为变量一般指使用 var 声明的标识符,JS 里使用 function 声明的标识符也存在提升( ...
- JavaScript中变量和函数声明的提升
现象: 1.在JavaScript中变量和函数的声明会提升到最顶部执行. 2.函数的提升高于变量的提升. 3.函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找. 4.匿名函数不会提升. ...
- JavaScript 中变量、作用域和内存问题的学习
这是我学习JavaScript的第二篇文章,之前做过几年的Java开发,发现JavaScript虽然也是面向对象的语言但是确实有很多不同之处.就本篇博客,主要学习总结一下最近学习到的JavaScrip ...
随机推荐
- [BZOJ1007] [HNOI2008] 水平可见直线 (凸包)
Description 在xoy直角坐标平面上有n条直线L1,L2,...Ln,若在y值为正无穷大处往下看,能见到Li的某个子线段,则称Li为可见的,否则Li为被覆盖的. 例如,对于直线:L1:y=x ...
- [BZOJ1008] [HNOI2008] 越狱 (数学)
Description 监狱有连续编号为1...N的N个房间,每个房间关押一个犯人,有M种宗教,每个犯人可能信仰其中一种.如果相邻房间的犯人的宗教相同,就可能发生越狱,求有多少种状态可能发生越狱 In ...
- Mac下安装FFmpeg教程
一.安装ffmpeg 分为两种安装方式: 1. 命令行安装 brew install ffmpeg 2. 下载压缩包安装 去 http://evermeet.cx/ffmpeg/ 下载7z压缩包,解压 ...
- 反射、Attribute
1.发射是对类或者对象,查看其类内部的构造. 2.类的组成:属性(PropertyInfo).方法(MethodInfo).字段(FiedInfo).构造函数(ConstructorInfo).事件( ...
- emacs在windows下打开报错原因
最开始实在是想不通,最开始我明明就能正常使用,后来发现不能用了,过了几天才回过神来,我路径中有中文,换了一个没有中文的路径后打开正常了.太低级的错误了嘛,却那么难发现. 这些数字就是识别不出来我的中文 ...
- java web 项目中获取当前路径的几种方法
1.jsp中取得路径: 以工程名为TEST为例: (1)得到包含工程名的当前页面全路径:request.getRequestURI() 结果:/TEST/test.jsp (2)得到工程名:req ...
- 关于embed的一些使用兼容
因公司需求,要做一个扫描语音播报的功能,所以用到一些音频/视频标签 考虑到 <embed> 标签对于ie的兼容性更好一些所以,我在这采用了 <embed> 标签 ...
- C语言第四次博客作业--嵌套循环
一.PTA实验作业 题目1:编程打印空心字符菱形 1. 本题PTA提交列表 2. 设计思路(流程图) 3.本题调试过程碰到问题及解决办法 思考过程:将问题拆解为菱形问题和字母变化问题两部分 1> ...
- [Luogu 1122] 最大子树和
题目 Description 小明对数学饱有兴趣,并且是个勤奋好学的学生,总是在课后留在教室向老师请教一些问题.一天他早晨骑车去上课,路上见到一个老伯正在修剪花花草草,顿时想到了一个有关修剪花卉的问题 ...
- spring 文件模板下载多种实现方式
针对于文件的下载,我们有很多种实现方式.业务场景是这样子的,要实现Excel文件的导入和导出功能,问题对于java的POI操作没有问题,所以实现文件的下载就相对简单,只需要从数据库取出相关的数据,针对 ...