JavaScript学习笔记---进阶

最新推荐文章于 2024-08-15 08:55:57 发布

chovel

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量454

点赞数

分类专栏： web前端文章标签： javascript

本文链接：https://blog.csdn.net/u013047859/article/details/51629445

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、1）必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。变量名不能以数字开头。

2）变量名区分大小写，如:A与a是两个不同变量。

3）不允许使用JavaScript关键字和保留字做变量名。

关键字（带*号上标的是第5 版新增的关键字）：

break	do	instanceof	typeof
case	else	new	var
catch	finally	return	void
continue	for	switch	while
debugger*	function	this	with
default	if	throw	delete
in	try

保留字在这门语言中还没有任何特定的用途。但它们有可能在将来被用作关键字。保留字：

abstract	enum	int	short
boolean	export	interface	static
byte	extends	long	super
char	final	native	synchronized
class	float	package	throws
const	goto	private	transient
debugger	implements	protected	volatile
double	import	public

2、1)

var myarr=new Array(); //定义数组
 myarr[0]=80; 
 myarr[1]=60;
 myarr[2]=99;

var myarray= new Array(8); //创建数组，存储8个数据。

var myarray =[];

var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

2）

myarray.length; //获得数组myarray的长度

一维数组的表示: myarray[ ]

二维数组的表示: myarray[ ][ ]

二维数组的定义方法一：

var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维，每一个一维数组里面的一个元素都是一个数组 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }

二：

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。

4）数组方法：

5)数组排序sort()。 arrayObject.sort(方法函数)

<script type="text/javascript">
  function sortNum(a,b) {
  return a - b;
 //升序，如降序，把“a - b”该成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr + "<br>");
  document.write(myarr.sort(sortNum));
</script>

3、1）多重判断（if..else嵌套语句）

<script type="text/JavaScript">
var myage =99;//赵红的年龄为99
if(myage<=44)
  {document.write("青年");}
else if(myage<=59) 
  {document.write("中年人");}
else if  (myage<=89)
  {document.write("老年人");}
else        
  {document.write("长寿老年人");}
</script>

2）多种选择（Switch语句)

switch(表达式)
{
case值1:
  执行代码块 1
  break;
case值2:
  执行代码块 2
  break;
...
case值n:
  执行代码块 n
  break;
default:
  与 case值1 、 case值2...case值n 不同时执行的代码
}

3)退出循环break

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  {break;}
  循环代码
}

4）继续循环continue

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}

4、函数中参数和返回值不只是数字，还可以是字符串等其它类型。

5、主要事件表:

6、使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。

<!DOCTYPE html>
<html>
<head>
    <title> 事件</title>
    <script type="text/javascript">
        function count(){
            var d;
            var a=document.getElementById("txt1").value;
            //获取第一个输入框的值
            var b=document.getElementById("txt2").value;
            //获取第二个输入框的值
            var c=document.getElementById("select").value;
            //获取选择框的值
            switch(c)
            {
                case "+":
                    //d = a + b;
                    d = parseInt(a)+parseInt(b);
                    break;
                case "-":
                    d = a-b;
                    break;
                case "*":
                    d = a*b;
                    break;
                default:
                    d = a/b;
            }
            document.getElementById("fruit").value = d;

        }
    </script>
</head>
<body>
计数器：<input type='text' id='txt1' />
<select id='select'>
    <option value='+'>+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value='=' οnclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>

7、1）访问方法语法：“<日期对象>.<方法>”
Date对象中处理时间和日期的常用方法：

<script type="text/javascript">
var mydate=new Date(); 
var myyear= mydate.getFullYear();
document.write("年份:"+myyear);
</script>

如果将目前日期对象的时间推迟1小时，代码如下:

<script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间：" + mydate);
</script>

2)String 字符串对象

var mystr="Hello World!";
var myl=mystr.length;

var mystr="Hello world!";
var mynum=mystr.toUpperCase();

3)返回指定位置的字符

stringObject.charAt(index)

4)返回指定的字符串首次出现的位置

stringObject.indexOf(substring, startpos)

5)返回指定的字符串首次出现的位置

stringObject.indexOf(substring, startpos)

var mystr="Hello World!"
  document.write(mystr.indexOf("o",5));

6)字符串分割split()

stringObject.split(separator,limit)

7）提取字符串substring()

stringObject.substring(starPos,stopPos)

8）Math 对象属性

Math 对象方法

8、1）js 字符串转换成数字的三种方法。

parseInt("22.5"); //returns 22

Number( "5.5 ") 5.5

利用JS弱类型转换：

<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>

chovel

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记---进阶

1、1）必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。变量名不能以数字开头。2）变量名区分大小写，如:A与a是两个不同变量。3）不允许使用JavaScript关键字和保留字做变量名。关键字（带*号上标的是第5 版新增的关键字）：breakdoinstanceoftypeofcaseelsenewvar
复制链接

扫一扫

专栏目录