JavaScript 基础(三)

数据类型

1、字符串

2、数值型

3、布尔型

4、对象

5、数组



为了更规范,使自己将来在工作时更容易与方便维护,采用一些数据类型的名命习惯


类型


前缀


例子


数组


a


aArray


布尔值


b


bMale


浮点


f


fTax


函数


fn


fnSwap


整型


i


iAge


对象


o


oCar


正则


re


RePattern


字符串


s


sUniversity



一、字符串 String

var sMyString = "hello world";

字符串可以是引号中的任意文本。可使用单引号与双引号。

实例:

代码:
var sMyString = "hello world";
var sMyString = ‘hello world‘;
var sMyString = ‘"hello world"‘;
var sMyString = "‘hello world‘";

结果:
hello world
hello world
“hello world”
‘hello world’

字符串具有length属性,可以返回变量中字符串的个数。

var sMyString = "hello world";
  document.write(sMyString.length);

//输出sMyString的字符串个数:11

获取指定位置的字符,可以使用 charAt() 函数。

注意:第一个字符位置为0,第二个字符为1,依次类推。

var sMyString = "hello world";
  document.write(sMyString.charAt(1));

//输出结果为:e

如果想取得变量中的字符串,可以采用substring() 或者 substr()

substring()
var sMyString = "ABCDEFG"
  document.write(sMyString.substring(1)+"<br>"); //输出BCDEFG,从位置1截取到最后
  document.write(sMyString.substring(1,4)+"<br>"); //输出BCD,从位置1截取到位置4,不包含位置4
substr()
var sMyString = "ABCDEFG"  document.write(sMyString.slice(1,4)+"<br>"); //输出BCDE,从位置1开始,截取4位

在搜索字符串上,可使用 indexOf() 或者 lastindexOf(),

indexOf() :返回源字符串内第一次出现子字符串的首个字符在源字符串中的索引值,是整数,查找方向是从左往右

lastindexOf():查找方向是从右往左,

如果没有找到子字符串,则返回-1

var sMyString = "ABCDEFGHIJK";
s1 = sMyString.indexOf("E")+"<br>";  //从前往后查找E的位置
s2 = sMyString.indexOf("E",3)+"<br>"; //可选参数,从第几个字符往后查找
s3 = sMyString.lastIndexOf("E")+"<br>";  //从后往前查找
s4 = sMyString.lastIndexOf("E",3)+"<br>"; //可选参数,从第几个字符往前查找
document.write(s1);
document.write(s2);
document.write(s3);
document.write(s4);

结果:

4
4
4
-1


二、布尔型 Boolean

可选值:true、fasle

复制代码
复制代码
var bb = false;  //声明bb为false
if (bb) {           //如果bb为true
    document.write("aaa" + "<br>");  //刚输出aaa
}
else {   //否则
    document.write("ccc"+"<br>"); //否则输出ccc
}

//结果输出是:ccc
复制代码
复制代码
() 来显示变量的类型:
var bb= true;
document.write(typeof (bb) + "<br>");
var bb = false;
document.write(typeof (bb) + "<br>");
var bb = "12345";
document.write(typeof (bb) + "<br>");
var bb = 12345;
document.write(typeof (bb) + "<br>");

结果:

boolean
boolean
string
number

三、数值 Number

javascript中想限定一个数的数值,无需限定它是整数还是浮点数型

  var iNum1 = 10;
  var fNum2 = 56.41;
  var iNum3 = -41;
  document.write(iNum1+" "+iNum2+" "+iNum3);

//输出结果:10 56.41 -41

四、类型转化

toString() :把一个逻辑值转换为字符串,并返回结果。

var a = 3;
var b = a + 3;
var c = "student" + a;
var d = a.toString();
var e = a + "";
document.write(a + " " + b + " " + c + " " + d + " " + e+"<br>");
document.write(typeof (a) + " " + typeof (b) + " " + typeof (c) + " " + typeof (d) + " " + typeof (e));

//输出结果:
3 6 student3 3 3
number number string string string

parseInt():将字符串转化为整数。

parseFloat():将字符串转化为浮点数型。

只有字符才能调用这两种方法,否则转化为NaN。在转化时,会先检查位置0处的字符,如果这个字符是有效字符,则检查1处的字符,如果不是有效字符,刚终止转化。

document.writeln(parseInt("4555.5544") + "<br>");
document.writeln(parseInt("0.5544") + "<br>");
document.writeln(parseInt("a0.5544") + "<br>");
document.writeln(parseFloat("4555.5544") + "<br>");
document.writeln(parseFloat("3a.5544") + "<br>");
document.writeln(parseFloat("a0.5544") + "<br>");

结果:

4555
0
NaN
4555.5544
3
NaN

五、数组 Array

数组是一组具有相同类型和名称的变量的集合。这些变量称为数组的元素(element),每个数组元素都有一个编号,这个编号叫做下标,我们可以通过下标来区别这些元素。数组元素的个数也称之为数组的长度。

在JavaScript中,数组使用关键字 Array 声明创建,同时还可以声明变量的长度 length。

例:var aMyArray = new Array(9); //声明变量的长度

在不确定数组的最终个数时,声明数组可以不指定具体个数。

例:
var aMyArray = new Array(); //数组不确定个数的情况下,可以不声明具体的个数
aMyArray[0] = 1234;
aMyArray[1] = "1234";
aMyArray[2] = "red";
aMyArray[3] = "blue";
aMyArray[4] = "black";
document.write(aMyArray); //输出到页面
输出效果:
1234,1234,red,blue,black

另外,也可以直接创建数组

例:
var aMyArray = new Array(1234, "1234", "red", "blue", "black");
document.write(aMyArray+"<br>");
document.write(typeof(aMyArray[0])+" "+typeof(aMyArray[1]); //输出数组元素的数据类型
输出效果:
1234,1234,red,blue,black
number string

另外,还可以用

数组可以用 toString() 转化为字符串

var aMyArray = new Array(1234, "1234", "red", "blue", "black");
document.write(aMyArray.toString()+"<br>");

join() 改变数组间的连接符

例:

var aMyArray = new Array(1234, "1234", "red", "blue", "black");
document.write(aMyArray.toString() + "<br>");
document.write(aMyArray.join("-").toString()+"<br>");
document.write(aMyArray.join("+"));

效果:

1234,1234,red,blue,black
1234-1234-red-blue-black
1234+1234+red+blue+black

split() 把字符串变成数组

例:

var sMyString = ("1234,red,blue,black");
var aMyArray = sMyString.split(",");
document.write(sMyString+"<br>");
document.write(aMyArray.join("-"));

效果:

1234,red,blue,black
1234-red-blue-black

reverse() 把数组元素反序

例:

var sMyString = ("1234,red,blue,black");
var aMyArray = sMyString.split(",");
document.write(sMyString+"<br>");
document.write(aMyArray.join("-")+"<br>");
document.write(aMyArray.reverse().join("+"));

效果:

1234,red,blue,black
1234-red-blue-black
black+blue+red+1234

利用 sort() 使数组元素进行字母顺序的排序

例:

var sMyString = ("1234,red,blue,black");
var aMyArray = sMyString.split(",");
document.write(sMyString+"<br>");
document.write(aMyArray.join("-")+"<br>");
document.write(aMyArray.reverse().join("+")+"<br>");
document.write(aMyArray.sort().join("="));

效果:

1234,red,blue,black
1234-red-blue-black
black+blue+red+1234
1234=black=blue=red
时间: 2024-10-01 21:40:56

JavaScript 基础(三)的相关文章

JavaScript基础三

1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 1.10.2 事件 JS是以事件驱动为核心的一门语言. 事件的三要素 事件的三要素:事件源.事件.事件驱动程序. 比

javascript 基础三

记着来上第三篇javascript的笔记,也是红宝书的最后一篇笔记.笔记内容只到书的大半部分,不是完整的笔记. 附上evernote的公开链接.  Object类型 引用类型的值(对象)是引用类型的一个实例.引用类型是一种数据结构,用于将数据和功能组织在一起. 引用类型也称对象定义,描述的是一类对象所具有的属性和方法. 对象是某个特定引用类型的实例,新对象用new后跟一个构造函数来创建. 创建Object实例的方式有二: 构造函数 new操作符后面跟Object构造函数 对象字面量 目的是简化创

JavaScript 基础(三) 对象 条件判断

JavaScript的对象是一种无序的集合数据类型,它是由若干键对组成. var guagua = { name:'瓜瓜', birth:1988, school:'No.1 Middle School', height:1.70, weight:65, score:null }; JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开.注意,最后一个键值对不需要在末尾加,, 如果加了,有的浏览器(如低版本的IE)将报错. 上述对象申明了一个name属性,值

javascript基础学习(三)

javascript之运算符 学习要点: 表达式 运算符:一元运算符,算术运算符,关系运算符,逻辑运算符,*位运算符,赋值运算符 一.表达式 表达式有常量表达式,变量表达式,复合表达式. 二.算术运算符 一元:+(正号).-(负号).++.—— 二元:*./.%.+.- 三.关系运算符 ==.=== ps:等同运算符比相等运算符要求更为严格,等同运算符只有在两个操作数类型相同,并且值也相同的情况下才会返回true. <.<=.>.>= instanceof运算符.       in

前端javaScript基础学习第三天

目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的可以留言 一.循环语句循环语句:重复执行一段代码,执行遇见某个指令(条件为假),结束循环语句 for循环,do while, while, for in语句 2.1 for循环语句 for循环是前测试循环语句:先判断条件是否满足,当满足条件时,才执行循环语句.直到条件为假结束循环语句

JavaScript基础(三)

JavaScript基础(三) for循环嵌套 循环嵌套不是什么特殊语法,就是说js中的许多语法结构都可以嵌套使用,for也可以 循环嵌套时,代码执行次数变多,通常使用是在2层左右 while循环 规则: 先进行条件检测,如果为true,执行循环体代码 再检测条件,再为true再执行循环体,以此类推 直到条件为false时循环结束 while (条件) { // 循环体 } for和while的使用场景 for循环适用于次数确定的重复操作(for使用较多) while循环适用于不确定次数的重复操

Javascript.01 -- Javascript基础

Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和sun合作. Java+script   ===> javascript 1.2 W3c规范 ?结构标准        html ?表现标准   css ?行为标准      js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协

javascript基础学习(十五)

javascript之cookie 学习要点: cookie介绍 创建与获取cookie cookie的编码 cookie的生存期 cookie的路径 cookie的domain cookie的secure 一.cookie介绍 cookie实际上就是一些信息,这些信息以文件的形式存储在客户端计算机上.在javascript中,cookie主要用来保存状态,或用于识别身份. 二.创建与获取cookie 创建cookie的语法代码如下所示:document.cookie="name=value&q

javascript基础学习(八)

javascript之日期对象 学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串 将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采

javascript基础学习(二)

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe