JS学习笔记(一)基本数据类型和对象类型
js是一种弱类型的语言,所有的变量都用var进行声明,字符串用双引号或单引号括起来,常见基本数据类型为number,string,boolean等。如 var num = 123;或var num = "123";
变量如果不使用var关键字声明下直接使用(禁用这种方法),变量就是一个全局的变量,具有全局作用域。未定义的数据类型使用不会报错(只声明不赋值),而是显示undefined。js允许重复声明变量,"在同一条作用域链中", 等价于赋值如var num = 10;var num = "abc";
一次性声明多个变量
var v1
, v2 = 1
, v3
, v4
, v5;
等价 var v1; var v2; var v3; var v4; var v5;
浏览器是解释执行的,即从上往下依次执行,js代码也是如此,在开始的时候尽可能将要用到的变量全部声明完毕(js没有块级作用域)。
字符串
js的字符串转义字符规范与C#一致。
字符串的常用方法、属性
获得字符串的长度 str.length
获得字符串中某一个位子的字符 string str.charAt(i);
获得子字符串 string str.substring(startIndex, endIndex); 左边界取得到,右边界取不到,相当于集合中的[)
string str.substr(startIndex, count);
将字符串按照某个字符分隔 Array str.split('|', 数字); 第二个参数可以省略
number和string的转换
number -> string
(1)number对象调用toString方法。
var num = 10;
var res = num.toString();
(2)加一个空格
var num = 10;
var res = num + ""
(3)使用String(数字)函数
var num = 10;
var res = String(num);
(4)js中的数字没有固定精度的表示,可通过调用特定方法,返回类型为string。
var n = 1234.56789;
var s4 = n.toFixed(2); //保留两位小数
var s5 = n.toExponential(2); // 2位指数表示
var s6 = n.toPrecision(2); // 有效位数
string -> number
(1)做除了加法以外的数字运算
var s = "12345";
var r = s / 1; // s - 0;
(2)使用parse系方法
parseInt() parseFloat()
var s = "08";
var r = parseInt(s);
parse系方法,只识别一个字符串中开始的数字,如果识别不了就返回NaN。
alert(parseInt("a123abc") + 1);就返回NaN
(3)使用Number()函数
var n="123";
var s=Number(n);
boolean类型
js的boolean类型等价于C#的bool类型。可通过Boolean()方法转换为boolean类型。
判断方法
数字转boolean // 非零为真,0为假
字符串转boolean // 空字符串为假其余都是真
null与undefined 都为false
取反两次得到boolean类型
var num = 0;
alert(!!num);
boolean转数字和字符串
true -> 1 false -> 0
数组(Array)
js中数组声明用[], 如var arr = ["张三", "李四", "王五", "赵六", "陈七"];用数组下标的方式访问数组,得到对应的数组成员。for-in遍历数组,得到的是索引。
delete 会删除数组中的元素,但是不会改变length的大小, 数组在js中可以为length随意的赋值,可以扩充数组
如
var arrExt = [1,2,3,"4", true];//一个数组可以包含多种基本数据类型
arrExt.length = 12;
数组转数字
如果数g组中只包含一个数字元素,则可以转换为对应的数字,否则输出NaN。
特殊值
NaN (not a number)不是一个数字,如0/0得到的就是 NaN。
Infinity 无穷大
在数字类型中有一个对象 Number
Number.MAX_VALUE 数字最大值,类似于C#中的Int32.MaxValue
Number.MIN_VALUE 数字最小值
Number.POSITIVE_INFINITY 正无穷大
Number.NEGATIVE_INFINITY 负无穷大
判断方法
boolean isNaN(数字); 是否是数字
boolean isFinite(数据);//是否有穷
如 var num = 0 / 0;
alert(isNaN(num));
alert(isFinite(num));
包装类型(对象类型)
在js中基本数据类型是:number、boolean、string
在js中同样存在对象类型: Number、Boolean、String 等 用于提供属性方法等功能
包装类型与基本类型用法一致,但是基本类型的扩充
var num1 = new Number(123); 构建对象类型
使用typeof得到的类型为object
本质上数据对象是不存在属性和方法的,
如
var num2 = 10;
alert(num2.toString());
但某些情况下,如10.toString()是错误的
在数据操作的过程中,num2在内存中临时创建一个对应的包装类型,并执行toString方法,将结果返回,同时释放这个包装对象。(瞬时创建,瞬时释放)
JS学习笔记(一)基本数据类型和对象类型的更多相关文章
- JS学习笔记-OO创建怀疑的对象
问了.工厂介绍,解决重码 前面已经提到,JS中创建对象的方法.不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门创建 ...
- Node.js学习笔记(四): 全局对象
在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这 ...
- JS学习笔记(四)常用对象
Error // 语法 throw new Error("消息"); 类似于C#中的Exception对象 // alert(num); try { throw new Error ...
- js学习笔记14----DOM概念及子节点类型
1.概念 DOM:Document Object Model---文档对象模型 文档:html页面 文档对象:页面中的元素 文档对象模型:是一种定义,为了能够让程序(js)去操作页面中的元素. DOM ...
- JS 学习笔记--9---变量-作用域-内存相关
JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...
- 2019-4-29 js学习笔记
js学习笔记一:js数据类型 1:基本数据类型 number类型(整数,小数) String类型 boolean类型 NaN类型其实是一个nu ...
- 基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
- WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法
WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...
- vue.js 学习笔记3——TypeScript
目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...
- Typescript 学习笔记二:数据类型
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
随机推荐
- css案例学习之继承关系
代码 <html> <head> <title>继承关系</title> <style> body{ color:blue; /* 颜色 * ...
- java应用程序远程登录linux并执行其命令(ssh jar包)
http://www.ganymed.ethz.ch/ssh2/在这个网址下载一个调用ssh和scp命令的jar包. 然后,就可以写程序了.将上面的jar包导入MyEclipse,下面是一个类的实例代 ...
- SWOT自我分析
个人信息: 大三学生 二本大学 软件工程专业 一:SWOT自我分析 Strenghs(优势): 1.有着良好的作息习惯,坚持锻炼 2.专注力强,能沉下心来学习 3.有着强烈的危机意思,明白不仅则退的道 ...
- Go语言Eclipse开发环境配置-Windows
1.首先安装eclipse,选择一个适合的版本就好,解压即可 http://www.eclipse.org/downloads/ 2.下载go语言安装包 官网地址 :http://www.golang ...
- 解密yii中CModule::_components和CModule::_componentConfig
array CModule::_components 所有组件对象(CComponent的子类)将作为键值存在该数组中, 键名是定义该组件时使用的键名.例如: protected function r ...
- 多校联合练习赛1 Problem1005 Deque LIS+LDS 再加一系列优化
Deque Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Subm ...
- 12个CSS高级技巧汇总
1.使用 :not() 在菜单上应用/取消应用边框 先给每一个菜单项添加边框 CSS Code复制内容到剪贴板 /* add border */ .nav li { border-right: 1px ...
- 简单的CSS网页布局--一二列布局
1.一列布局 (一)一列自适应 自适应浏览器,随着浏览器的拉伸而变化,一般宽度采用百分比的写法,很简<!DOCTYPE html> <html> <head lang=& ...
- Php开源项目大全
WordPress [PHP开源 博客Blog] WordPress是最热门的开源个人信息发布系统(Blog)之一,基于PHP+MySQL构建.WordPress提供的功能包括: 1.文章发布.分类 ...
- WindowsService服务的C#实现
WindowsService(简称服务,下同)是目前做客户端软件后台运行功能的非常好的选择,本文基本解决了服务的创建和编写,代码控制服务的安装.卸载.启动.停止等,为服务传递参数,其他注意事项等 1. ...