今天给大家带来了值得收藏的JavaScript初级学习笔记，含有很多小知识，赶快码住看一看吧！
什么是JavaScript？
JavaScript是一种运行在客户端的脚本语言
| 功能 | 语句 |
|---|---|
| 打印输出 | console.log() |
| 弹出输出框 | alert |
| 弹出输入框 | prompt |
| 文件写入 | document.write(’’) |
声明变量 var (name)
一次声明多个变量的时候必须用逗号进行隔开，而且必须换行，写在同一行的多个声明变量会无效。
未初始化的变量直接输出结果是undfined
变量的命名规范： 字母数字下划线美元符号（不以数字开头）
变量初始化中，单引号和双引号没有区别
JavaScipt是一种> 动态/弱类型 语言
| Num数字型 | Boolean布尔型 | Str字符串型 | Undefined未知的值 | Null空 |
|---|
js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的，也被称为动态数据类型
常用语句：
IsNAN() //判断值是否为非数字 //转义符： \n换行 \t缩进 \b空格 str.length //获取字符串长度
小理论
undefined和数字相加，结果是NaN
null+1等于1
prompt取过来的值是字符型.
对于prompt取值做加法，有以下加法案例:
//demo onevar a,
b
;a = parseInt(prompt('请输入第一个值'));
b = parseInt(prompt('请输入第二个值'));
var c = a + b;
alert (c);
//demo two
var a = prompt('请输入第一个值');
var b = prompt('请输入第二个值');
var c = Number(a) + Number(b);
alert (c);字符串转换（chrom颜色为黑）
我的年龄是${age}岁 (注意反引号不要掉了)数字型转换（chrom颜色为蓝）
布尔型转换（chrom颜色为蓝）
优先级：
括号
单目 （右结合右至左）
算数*/%
位移
关系
相等
逻辑&^| &&||
赋值
逗号
var arr = new Array() //注意的是，new A必须大写 var arr = new Array(2); //表示数据长度2 var arr = new Array(2, 3); //表示里面有两个元素是2和3
2.利用字面量创建数组
var arr = [];
3.获取数组的长度
arr.length
也可通过arr.length = （Number）的方式来修改数组长度
注意点：
newArry[new.Arry.length] = arr[i++];
1.判断数组
// var arr = []; arr instanceof Array //Instanceof运算符判断是否为数组 Array.isArray(arr) //isArray判断是否为数组
2.添加数组元素
arr.push() //在数组最后添加一个或多个数组元素 arr.unshift() //在数组最前面添加一个或多个数组元素
实用：push可以实现给新的空数组赋值，且push和unshift都有返回值，为新数组的length
3.删除数组元素
arr.pop() //删除数组中最后一个元素 arr.shift() //删除数组中第一个元素
有返回值，为删除的元素值
4.翻转/逆置数组
arr.reverse()
5.数组排序
arr.sort() //对个位数进行冒泡排序
理论：为什么说是对个位数进行冒泡排序，因为sort比较数组会先把数组转换成字符串，所以77会比8更先，但是如果有了比较函数(compareFunction)的指定，就能实现按要求排列
arr.sort解决方案
arr.sort(function(a,b)) {
return a - b;
//return b - aa - b为升序排序，b - a为降序排序
6.查找数组
arr.indexOf('word');从前往后查找返回数组满足条件第一个元素的索引号，如果找不到则返回-1
arr.lastIndexOf('word');从后往前查找返回数组满足条件第一个元素的索引号，如果找不到则返回-1
7.转换成字符串
arr.toString() //数组转换成字符串
arr.join() //将数组转换成字符串，且括号内可以写分隔符，表示用什么符号格式进行分隔 arr.join('&')Arguments 伪数组 只有在函数中能够使用
同样按照下标的方式存储数据，可以不定义长度实现形参接收
声明函数：
Function 函数名 () { }
var 变量名 = Function () { } 函数表达式（匿名函数）
预解析：
就是把JS中所有的var和function提到当前作用域的最前面
变量预解析
提前所有的变量声明（不提赋值操作）
函数预解析
提前所有的函数声明（不调用函数）
→ 所以要额外注意函数表达式和声明函数的预解析
创建自定义对象和对象属性、对象方法：
var obj = {
name:'姓名',
age : 999,
//*方法*冒号后跟一个*匿名函数*
printf:function() {
console.log('hello world');
}
}记忆方法↓：
var obj = new Object();
obj.name = '李昂';
obj.age = 999;
obj.printf:function(){
console.log('hello world');
}记忆方法↓：
3.构造函数
function Obj (Uname, Uage) {
this.name = Uname;
this.age = Uage;
this.printf = function(infoms){
console.log(infoms);
}
}记忆方法↓：
var myobj = new Obj('李昂', '999')；//可以理解为创建了一个变量指定了构造函数
console.log(myobj.name);
console.log(myobj['age']);
obj.printf('hello world');new的执行过程
new构造函数会在内存中创建一个空的对象
this就会指向刚才创建的对象
接着依次执行属性、方法，并返回
新循环遍历
For （变量 in 对象）{
}
这里的变量是属性值做遍历
属性的值的输出：consolo.log(对象[变量]);
程序员在for in 的变量喜欢写Key或者i
一些可用内置对象：
Math.PI //求圆周率 Math.max（）//返回最大数值（如果无值返回负无穷大） Math.abc （）//取绝对值 Math.floor（）//向下取整 Math.ceil（）//向上取整 Math.round（）//四舍五入（五特殊 往大了取）
Math.random() ;
Function getRandomInt(min, max) {
min = Math.ceil(min); //规范值语句 可省
max = Math.floor(max); //规范值语句 可省
return = Math.floor(Math.random() * (max - min + 1) + min);(‘2021-10-10 8:00:00’)字符串输出
(2021, 10, 10)数字输出 月份从0开始11结束 故而要在月份的基础上+1
var date1 = new Date;
var year = date1.getFunllYear();
var month = date1.getMonth();
var dates = date1.getDate();
var day = date1.getDay();
var arr = ['星期日'， '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']；
alert('今天的日期是：' + year + '年' + (month+1) + '月' + dates + '日' + arr[day]);==值得注意的是，必须使用变量调用Date这个构造函数
var str = 'lion';
console.log(str.length);
//JS如何给我们的数据包装
var temp = new String('lion')；//定义一个临时构造函数包含初始化的字符串
str = temp; //把构造函数赋给值类型
temp = null; //最后舍弃临时变量str.indexOf('要查找的字符串'，[起始位置]);
//demo:
var str = '我的名字是什么，名字不重要';
console.log(str.indexOf('名字', 3));str.charAt(0); //返回指定下标的字符 str.charCodeAt(0); //返回指定下标的ASCII码
str.concat('word') //拼接字符串（开发中隐性拼接居多）str.substr('抓起始位置', '抓几个字符'); //查找某一连续字符str.replace('被替换的字符', '替换为字符') //如果字符串中有重复的字符，只会替换第一个split('分隔符') //把字符串转换为数组（被转换字符串中必须要写分隔符，而且要与split的分隔符统一!）一些传参和类型的–
理论深入：
可以定义变量为Null，稍后再给值
更多编程相关知识，请访问：编程入门！！
以上是Java Script中值得收藏的学习笔记（总结分享）的详细内容。更多信息请关注PHP中文网其他相关文章！
