这个系列的文章主要讲解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之变量的更多相关文章

  1. javascript中变量提升的理解

    网上找了两个经典的例子 var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); // 10 var ...

  2. 【详解JavaScript系列】JavaScript之变量

    一  概述 本篇文章将讲解JavaScript中的变量,大致内容归结为: 1.变量定义 包括变量声明和变量初始化 2.变量种类 包括局部变量和全局变量 3.变量链式作用域及访问 二  内容 (一)变量 ...

  3. javaScript系列 [01]-javaScript函数基础

    [01]-javaScript函数基础 1.1 函数的创建和结构 函数的定义:函数是JavaScript的基础模块单元,包含一组语句,用于代码复用.信息隐蔽和组合调用. 函数的创建:在javaScri ...

  4. JavaScript 基础 (变量声明, 数据类型, 控制语句)

    创建: 2017/09/16 更新: 2017/09/24 更改标题 [JavaScript 概要]-> [JavaScript 基础] 完成: 2017/09/25 更新: 2017/10/0 ...

  5. javascript的变量作用域--对比js、php和c的for循环

    为什么要写这篇文章呢?主要是给自己提个醒,js的水很深,需要小心点儿才能趟过去,更何况自己不是专业人士,那就得更加小心了. 看下面的js代码: <!DOCTYPE html> <ht ...

  6. [转]深入理解JavaScript的变量作用域

    1.JavaScript的作用域链 2.函数体内部,局部变量的优先级比同名的全局变量高. 3.JavaScript没有块级作用域. 4.函数中声明的变量在整个函数中都有定义. 5.未使用var关键字定 ...

  7. JavaScript笔记:变量及其作用域

    一.变量的定义及声明 在javascript中变量仅仅是用来保存值的一个占位符而已,定义变量时要使用关键字var后跟一个变量名,如下所示: var message; //定义一个变量message,像 ...

  8. JavaScript中变量提升是语言设计缺陷

    首先纠正下,文章标题里的 “变量提升” 名词是随大流叫法,“变量提升” 改为 “标识符提升” 更准确.因为变量一般指使用 var 声明的标识符,JS 里使用 function 声明的标识符也存在提升( ...

  9. JavaScript中变量和函数声明的提升

    现象: 1.在JavaScript中变量和函数的声明会提升到最顶部执行. 2.函数的提升高于变量的提升. 3.函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找. 4.匿名函数不会提升. ...

  10. JavaScript 中变量、作用域和内存问题的学习

    这是我学习JavaScript的第二篇文章,之前做过几年的Java开发,发现JavaScript虽然也是面向对象的语言但是确实有很多不同之处.就本篇博客,主要学习总结一下最近学习到的JavaScrip ...

随机推荐

  1. [POI2014]KUR-Couriers

    题意 给一个数列,每次询问一个区间内有没有一个数出现次数超过一半 题解 主席树,一个数出现次数>一半,这个区间内只有这一个数满足,那么主席树直接维护所有数的出现次数,直接在树上二分查询 # in ...

  2. 空间金字塔池化(Spatial Pyramid Pooling, SPP)原理和代码实现(Pytorch)

    想直接看公式的可跳至第三节 3.公式修正 一.为什么需要SPP 首先需要知道为什么会需要SPP. 我们都知道卷积神经网络(CNN)由卷积层和全连接层组成,其中卷积层对于输入数据的大小并没有要求,唯一对 ...

  3. Linux-Centos7----安装Python的psutil模块插件

    # wget https://pypi.python.org/packages/source/p/psutil/psutil-2.1.3.tar.gz # tar zxvf psutil-2.1.3. ...

  4. 题目1032:ZOJ

    题目描述: 读入一个字符串,字符串中包含ZOJ三个字符,个数不一定相等,按ZOJ的顺序输出,当某个字符用完时,剩下的仍然按照ZOJ的顺序输出. 输入: 题目包含多组用例,每组用例占一行,包含ZOJ三个 ...

  5. C# 值类型与引用类型的异同

    int,bool,decimal等为值类型 List,Stream等为引用类型 用等号设置一个值类型变量等于另一个变量时,会完成复制,之后这两个变量相互之间没有任何影响: 对引用使用等号时,这两个引用 ...

  6. 关于字符latin capital letter sharp s "ß"( U+1E9E)显示的问题

    今天测试产品时,遇到德语字符ß在网页上显示为”SS",查了一些相关资料发现这个字符一般用“ss"或"SS"取代. 需要注意,此字符与它的小写形式不同,小写字符l ...

  7. 学习ASP.NET Core Razor 编程系列二——添加一个实体

    在Razor页面应用程序中添加一个实体 在本篇文章中,学习添加用于管理数据库中的书籍的实体类.通过实体框架(EF Core)使用这些类来处理数据库.EF Core是一个对象关系映射(ORM)框架,它简 ...

  8. 听说你买了 EOS ,连代码什么样都不知道?

    最近发现很多人投资了 EOS,却并不关心 EOS 目前的开发进度和技术细节,如果你投资了 EOS, 还有一定的技术基础,那就更应该关心 EOS 的开发情况了,下面我们就从 EOS 的源代码说起:   ...

  9. 针对微信的一篇推送附有的数据链接进行MapReduce统计

    原推送引用:https://mp.weixin.qq.com/s/3qQqN6qzQ3a8_Au2qfZnVg 版权归原作者所有,如有侵权请及时联系本人,见谅! 原文采用Excel进行统计数据,这里采 ...

  10. async generator promise异步方案实际运用

    es7 async方案 /******************async***********************/ var timeFn=function(time){ return new P ...