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学习笔记(一)基本数据类型和对象类型的更多相关文章

  1. JS学习笔记-OO创建怀疑的对象

    问了.工厂介绍,解决重码 前面已经提到,JS中创建对象的方法.不难发现,主要的创建方法中,创建一个对象还算简单,假设创建多个类似的对象的话就会产生大量反复的代码. 解决:工厂模式方法(加入一个专门创建 ...

  2. Node.js学习笔记(四): 全局对象

    在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这 ...

  3. JS学习笔记(四)常用对象

    Error // 语法 throw new Error("消息"); 类似于C#中的Exception对象 // alert(num); try { throw new Error ...

  4. js学习笔记14----DOM概念及子节点类型

    1.概念 DOM:Document Object Model---文档对象模型 文档:html页面 文档对象:页面中的元素 文档对象模型:是一种定义,为了能够让程序(js)去操作页面中的元素. DOM ...

  5. JS 学习笔记--9---变量-作用域-内存相关

    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...

  6. 2019-4-29 js学习笔记

    js学习笔记一:js数据类型   1:基本数据类型       number类型(整数,小数)      String类型          boolean类型        NaN类型其实是一个nu ...

  7. 基于jquery的插件turn.js学习笔记

    基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...

  8. WebGL three.js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...

  9. vue.js 学习笔记3——TypeScript

    目录 vue.js 学习笔记3--TypeScript 工具 基础类型 数组 元组 枚举 字面量 接口 类类型 类类型要素 函数 函数参数 this对象和类型 重载 迭代器 Symbol.iterat ...

  10. Typescript 学习笔记二:数据类型

    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

随机推荐

  1. css案例学习之继承关系

    代码 <html> <head> <title>继承关系</title> <style> body{ color:blue; /* 颜色 * ...

  2. java应用程序远程登录linux并执行其命令(ssh jar包)

    http://www.ganymed.ethz.ch/ssh2/在这个网址下载一个调用ssh和scp命令的jar包. 然后,就可以写程序了.将上面的jar包导入MyEclipse,下面是一个类的实例代 ...

  3. SWOT自我分析

    个人信息: 大三学生 二本大学 软件工程专业 一:SWOT自我分析 Strenghs(优势): 1.有着良好的作息习惯,坚持锻炼 2.专注力强,能沉下心来学习 3.有着强烈的危机意思,明白不仅则退的道 ...

  4. Go语言Eclipse开发环境配置-Windows

    1.首先安装eclipse,选择一个适合的版本就好,解压即可 http://www.eclipse.org/downloads/ 2.下载go语言安装包 官网地址 :http://www.golang ...

  5. 解密yii中CModule::_components和CModule::_componentConfig

    array CModule::_components 所有组件对象(CComponent的子类)将作为键值存在该数组中, 键名是定义该组件时使用的键名.例如: protected function r ...

  6. 多校联合练习赛1 Problem1005 Deque LIS+LDS 再加一系列优化

    Deque Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Subm ...

  7. 12个CSS高级技巧汇总

    1.使用 :not() 在菜单上应用/取消应用边框 先给每一个菜单项添加边框 CSS Code复制内容到剪贴板 /* add border */ .nav li { border-right: 1px ...

  8. 简单的CSS网页布局--一二列布局

    1.一列布局 (一)一列自适应 自适应浏览器,随着浏览器的拉伸而变化,一般宽度采用百分比的写法,很简<!DOCTYPE html> <html> <head lang=& ...

  9. Php开源项目大全

    WordPress  [PHP开源 博客Blog] WordPress是最热门的开源个人信息发布系统(Blog)之一,基于PHP+MySQL构建.WordPress提供的功能包括: 1.文章发布.分类 ...

  10. WindowsService服务的C#实现

    WindowsService(简称服务,下同)是目前做客户端软件后台运行功能的非常好的选择,本文基本解决了服务的创建和编写,代码控制服务的安装.卸载.启动.停止等,为服务传递参数,其他注意事项等 1. ...