Week 02 JS基础2
2021-11-29 09:46:48 0 举报AI智能生成
第二周所学的JS内容，包含JS基础的多重循环用法和一些对象属性方法（数组，数学，函数等对象的应用）和一些需要注意的知识点。
作者其他创作
大纲/内容
常见对象
数组 Array
创建方式
1. 最简单的方式，直接赋值 let arr=[1,2,3,...element];
2. new Array(); 不指定长度和内容 let arr=new Array();
3. new Array(size) 创建一个长度为size的数组，内容为undefined。如：let arr=new Array(5);
4. new Array(element0, element1, ..., elementn); 指定元素数量，同时长度也就确定了。let arr=new Array(1,2,3,4); 长度为4
常用方法和属性
数组名.length 设置或返回数组中元素的数量（即数组的长度）。
新数组=数组1.concat(数组2,3,4...); 连接两个或多个数组，并且返回一个新数组，其中包含已连接数组的值，要接收。
数组.join("分隔符号（或数字，字母）"); 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔，默认分隔符是逗号。
数组.pop(); 删除并返回数组的最后一个元素，可用变量接收。(再输出数组可发现原数组长度已改变。Ps：Java中数组的长度是不可变的)
数组.push(一个或多个元素); 向数组的末尾添加一个或更多元素，并可用数字变量接收返回新的数组长度。
数组.reverse(); 颠倒数组中元素的顺序。
数组.splice(num1,num2,item); 向/从数组添加/删除项目，并返回删除的项目。num1指定在什么位置添加/删除项目，使用负值指定从数组末尾开始的位置；num2为要删除的项目数。如果设置为 0，则不会删除任何项目；item为要添加的新项目。
数组.indexOf(要查找的元素); 在数组中搜索指定项目，并返回其位置，如果未找到该项目，则返回-1。
数组.sort(); 对数组的元素进行排序
语法：arrayObject.sort(sortby) 其中sortby 可选，规定排序顺序，必须是函数。
function sortby(a,b){
//return a-b; ->最终的排序结果就是从小到大
return b-a; //最终的排序结果就是从大到小
//return a-b; ->最终的排序结果就是从小到大
return b-a; //最终的排序结果就是从大到小
访问方法
直接打印输出数组
通过数组下标访问，第一个元素下标为0，最后一个元素下标为数组长度减一
通过for循环遍历数组
数组名.toString(); 获取数组中的全部元素，返回以逗号分隔的字符串
数组的赋值
创建数组时直接赋值，确定数组初始内容和长度
通过给数组下标赋值，如 let array=[1,2,3,4]; array[0]=5; 直接覆盖原有的下标为0的元素
用数组的push方法在原数组的最后一个元素后面添加一个或更多元素，并可用数字变量接收返回新的数组长度。
数学 Math
数学对象的常用方法 Math.
ceil(num) 对数字进行向上取整
floor(num) 对数字进行向下取整
max(x,y) 返回 x 和 y 中的最大值
min(x,y) 返回 x 和 y 中的最小值
pow(x,y) 返回 x 的 y 次幂
random() 返回 0 ~ 1 之间的随机数（不包括0和1）
round(num) 四舍五入
sqrt(num) 返回数的平方根
字符串 String
时间 Date
正则 RegExp
函数 function
定义函数：function 函数名(){函数体} 函数名推荐使用动词，与功能相关；括号内容可为空参也可为实参（有参数）
注意：函数正常情况下不会自动执行，需要被调用，而且可以被多次调用；函数体内的return意味着函数运行结束，它比console.log更灵活；此外，return 布尔值的使用频率也比return字符串高得多，更灵活。
对循环的补充
嵌套循环
要点：外层循环一次，内层循环多次。如果能用效率较高的单层循环解决问题，尽量少用多层循环。
多层循环嵌套的代码优化：将循环次数少的放在外层，次数多的放在内层，能提高循环执行的效率。（这点Java和JS通用）
注：循环和数组常结合使用
Ajax
子主题
new一个XMLHttpRequest 对象
判断onreadystatechange事件中的readyState值是否等于4（请求已完成，且响应已就绪）并且onreadystatechange事件中的status的值是否为200（"OK"），二者要同时满足
open(请求方法，文件在服务器上的地址，是否异步);
send(string)); 将请求发送到服务器，string仅用于 POST 请求
使用JSON.parse(responseText)把返回的数据由字符串解析成JS对象
JQuery调用ajax
$.ajax() 可以不带任何参数直接使用。
参数
url 当前页地址，发送请求的地址
type 请求方法，默认值: "GET"。请求方式主要是 "POST" 或 "GET"
async 是否异步 默认值: true 同步请求则为false
dataType 数据类型
"json": 返回 JSON 数据
success 请求成功后的回调函数
function(从服务器返回的数据){函数体}
<head></head>里的meta标签中增加 name="referrer" content="never" 可访问被拒绝访问（）的图片，但使用history.back()时可能会有问题
收藏
收藏
0 条评论
下一页
