js基础填坑

2018-11-13  本文已影响0人  好奇的猫猫猫

js学习之路:
第一阶段:《JavaScript DOM编程艺术》
第二阶段:《JavaScript高级程序设计》
第三阶段:《JavaScript语言精粹》、《高性能JavaScript》
第四阶段:《JavaScript DOM高级程序设计》、《JavaScript设计模式》

1.操作符之间的优先级(高到低)

算术操作符 >比较操作符>逻辑操作符>“=”赋值符号
如果是同级的运算是按从左到右次序进行,多层括号由里向外

var numa=3;
var numb=6;
jq = numa+30 >10 && numb*3 <2  //结果为false
2.使用数组之前首先要创建,而且需要把数组本身赋值一个变量,好比我们组团去旅游,需要给团队起个名字。

创建数组:var myarray =new Array();



我们在创建数组的同时,还可以为数组指定长度,长度可以任意指定。

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

注意:
1.创建的新数组是空数组,没有值,如输出,则显示undefined
2.虽然创建数组时,指定了长度,但实际上数组是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在超过规定长度之外。

3.数组赋值

1.var myarray = new Array(2,6,3,8,2);//创建数组同时赋值
2.var myarray =[2,6,3,8,2];//直接输入一个数组(称“字面量数组”)

数组存储的数据可以是任何类型(数字,字符,布尔值等)

4.继续循环continue

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

当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。
5.事件:js创建动态页面,事件可以被js侦测到的行为。网页中的每个元素都可以产生某些可以出发js函数或程序的事件。
6.对象:js中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象都带有属性和方法

对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

7.数组排序sort()

sort()方法使数组中的元素按照一定的顺序排列。
1.如果不指定<方法函数>,则按unicode码顺序排列。

2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

myArray.sort(sortMethod);
注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

1.使用sort()将数组进行排序,代码如下:

<script type="text/javascript">
  var myarr1 = new Array("Hello","John","love","JavaScript"); 
  var myarr2 = new Array("80","16","50","6","100","1");
  document.write(myarr1.sort()+"<br>");
  document.write(myarr2.sort());
</script>

运行结果:

Hello,JavaScript,John,love
1,100,16,50,6,80
注意:上面的代码没有按照数值的大小对数字进行排序。

2.如要实现这一点,就必须使用一个排序函数,代码如下:

<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>

运行结果:

80,16,50,6,100,1
1,6,16,50,80,100

8.Location对象

location用于获取或设置窗体的URL,并且可以用于解析URL

location对象图示:
location对象方法:
9.节点操作

继续深入学习

https://www.cnblogs.com/beast-king/p/5314523.html

上一篇下一篇

猜你喜欢

热点阅读