js学习

js文件的引入

<!-- js文件的引入 -->
        <script type="text/javascript" src="js/java.js"></script>

 

js的变量类型

// js 的变量类型
//Number
var x = 1;
var x = 1.1;

//String 
var name = "abc";
var name = '123';

// Boolean True False
var x = 3<4;

//undefined
var x;

//Objectv
var a = null;

 

数值和字符串的相互转换

//数值和字符串的相互转换
var x = 1;

//数值转字符串
var a = x.toString();
var a = x+"";

//字符串转数值
var x = Number(a);

//字符串和数值的转换
var x = '1111.1212'

parseInt(x); //转换成整形
parseFloat(x) //转换成小数
Number(x); //完全转换   遇到字母值为NAN

 

函数的调用 用去function声明函数

//函数调用
function hanshu(){
    alert('函数');
}

hanshu();

 

判断是否为数组

var a = [];
//判断是否为数组
if(Array.isArray(a))
{}

 

数组和字符的相互转换

//将数组装换为字符串
var x = a.toString()

//使用join方法进行指定的字符将数组分割
var c = x.join(",");

 

数组的栈

//栈队列方法  后进先出

// 像队列添加元素
var duilie = a.push("元素");

//向队列删除元素  删除最后一项
var duilie = a.pop();

// 先进先出   向队列添加元素
var duilie = a.unshift("元素");

//先进先出
var duilie = a.shift();

 

数组的排序

//将数组按他自己的想法排序排序
x.sort();

//数组合并concat可以合并一个或多个
x.concat([123,12])

 

数组splice

//splice 删除  插入替换
// x.splice(起始位置,删除元素,替换元素);
// 删除
x.splice(1,2);
// 插入
x.splice(1,1,"tihuan");

 

数组index

// 查找数组的索引 indexof()从头开始找
x.indexOf("元素",起始位置);
// lastIndexOf()从末尾开始找
x.lastIndexOf("元素",起始位置);

 

字符串的常用方法

//字符串的方法
var a = 'hello world';

console.log(a.length);//获取字符串的长度

console.log(a.charAt(2));//获取指定的字符

console.log(a.charCodeAt(1));//获取指定的字符对应的编码

console.log(a.concat("asd","dfa"));//拼接字符


//字符的切片
console.log(a.slice(1,3));  //起始位置到结束位置

console.log(a.substr(1,4));//起始位置到取的个数

a.trim()//清除前后空格

a.toUpperCase()//全部转换成大写

a.toLocaleLowerCase()//转换成小写

 

 

日期的创建方法

//日期的创建方式
var data = new Date();  //当前日期
var data = new Date(1999,11,11,10,10,0);  //年月（月份要减1）日 时分秒

 

日期的常用方法

//日期的常用方法
var data = new Date()

data.getDate() //获取月的的第几天（1~31）
data.getMonth() //获取月份（0~11）
data.getFullYear() //获取年份
data.getDay() //获取一星期中的第几天
data.getHours() // 获取小时
data.getMinutes()//获取分钟
data.getSeconds() //获取秒

//日期的格式化
data.toDateString() //星期几 月 日 年
data.toTimeString() //时 分 秒 时区
data.toLocaleDateString() //2019/12/12
data.toLocaleTimeString()//下午6：00
data.toLocaleString() //2019/12/12下午6：00

 

 

globle对象编码解码

//Globle 编码和解码
var x = 'www.baidu.com ';
encodeURI(x); //只将空格进行编码
encodeURIComponent(x); //所有的都进行编码

decodeURI(x); //将空格进行解码
decodeURIComponent(x) //所有的都进行解码