js list添加元素_JS基础与常用函数

JavaScript是没有Print()方法的。
所以要做内容输出，需要用到console.log(xxx) 控制台输出。
Chrome浏览器中就可以编写代码，或者在编译器中，写纯JavaScript代码，输出时用console.log
即可打印内容。

在 js 的世界中 print() == console.log()

基础认知

字符串方法

var str  = "html" + "css" //字符串拼接
var str2 = "javascript"
var str3 = "html&CSS&js"
var str4 = "   html    aaaa    "
str.length //获取长度
str.concat(str2) // 字符串拼接
str.replace("c","x") //字符串替换,不影响原来数据。
str3.split("&") //分割字符串，写入分割条件后，字符节以列表形式显示。
str3.substr(1)   //字符串中抽取从 start 下标开始的指定数目的字符
str3.substr(0,4) //字符串截取,下标从0开始，从何处开始，截取几位？
str3.substring(5,8) //字符串截取，从哪里开始，到哪里结束
str3.toUpperCase()//全部转换为大写
str3.toLowerCase()//全部转换为小写
str3.charAt(3) //返回指定位置，只去1位
str4.trim() //去掉前后空格

对数字的操作

//MAth 可结合运算符多种搭配
console.log(Math.PI) //圆周率
console.log(Math.ceil(1.5)) //向上取整
console.log(Math.floor(1.6)) //向下取整
console.log(Math.round(1.4)) //四舍五入
console.log(Math.random()) //随机数0-1
console.log(Math.random()*10) //随机数0-10
console.log(Math.ceil(Math.random()*10)) //向上取整随机数0-10

数据类型与转换

//判断数据类型
console.log(typeof "html") //返回字符串类型string
console.log(typeof 1) //返回数字类型number
console.log(typeof true) //返回布尔类型boolean
console.log(typeof {})   //返回对象类型object
console.log(typeof function () {}) // 返回funcation



//数据类型转换
console.log(String(5)) //数字转换字符串
console.log(String(10+10))
console.log(Number("6")) //字符串转换数字
console.log(Number("a")) //返回NaN ,因为它不是一个数字
console.log(Number(false))//返回0
console.log(Number(true))//返回1
console.log(parseInt("1.6")) //取整，省略小数
console.log(parseFloat("1.7")) //保留小数

数组的使用