文章目录
五十一、数组常用方法
push pop unshift splice reverse sort
var a = [1,2,3]
a.push(4)
var a = [32,44,1,56,3]
a.sort(function(a,b){
return a-b
})
console.log(a)
利用sort排序
五十二、数组常用方法-2
不影响原数组的方法
concat拼接
join改变数组间的符号
slice截取
var arr2 = arr.slice(0,2) 截取第一到第三个数据(包前不包后)
var arr2 = arr.slice(2) 截取第三到最后一个数据
indexof 查找数据在第几个
var arr = [1,2,3,4,5,1]
var b = arr.indexOf(1,2)
console.log(b)
查找第二个1在什么位置
五十三、数组去重
var arr = [1,2,3,4,5,1,2,4,5,6,3,5,6,3,4]
var empty = []
for(var i = 0;i<arr.length;i++){
if(empty.indexOf(arr[i])==-1){
empty.push(arr[i])
}
}
console.log(empty)
五十四、数组常用方法-3
foreach 遍历
map映射
求平方
filter 过滤
筛选出大于200的
var arr = [{
name: "aaa",
price: 100
}, {
name: "bbb",
price: 200
}]
var c = arr.filter(function (d) {
return d.price > 150
})
console.log(c)
every 每一个
只有每一个都满足条件才会输出true
some 只要一个满足条件就true
reduce 叠加
五十五、字符串的基本操作
五十六、案例,统计字符出现次数
var str = "adascdvesac"
var obj = {}
for (var i = 0; i < str.length; i++) {
console.log(str[i])
var key = str[i]
if (obj[key] == undefined) {
obj[key] = 1
} else {
obj[key]++
}
}
console.log(obj)
五十七、字符串常用方法
charAt 索引
toUpperCase toLowerCase 转换字符大小写
截取substr substring slice
通过截取和大小写的联用实现首字母大写
replace 替换
split 分割
五十八、案例,模糊查询
var arr = ["abc", "acc", "bcc", 'ccc', 'abb']
var input = prompt("请输入")
var res = arr.filter(function (item) {
return item.indexOf(input) > -1
})
alert(res)
五十九、json格式字符串
var str = '{ "name" : "kerwin" , "age" : 100} '
console.log(str) → 字符串
var obj = JSON.parse(str)
console.log(obj) → 对象
六十、模板字符串
`符号 用于折行
六十一、数字常用方法
toFixed 保留几位小数
返回为字符串类型
通过-0改变数据类型
random 0-1之间随机数
var a = Math.random()
var b = a.toFixed(2)-0
var c = b*100
console.log(c)
round 四舍五入取整
ceil floor 向上向下取整
abs绝对值 sqrt平方根
pow(底数,指数)
max (a,b,c,d)中的最大参数【min】
PI π
六十二、案例-随机整数
六十三、时间对象date
console.log(new Date())
console.log(new Date(2023,1,1,1,1,1)) → 2023年二月一日一时一分一秒
六十四,时间对象常用方法
getfullyear
getTime 时间戳
距1970年1月1日0点的毫秒数
六十五、定时器
setTimeout(function(){
console.log("bbb")
},2000)
每隔一秒钟输出时间
<button id="b">清除</button>
<script>
var a = setInterval(function(){
console.log(new Date())
},1500)
console.log(a)
b.onclick = function(){
clearInterval(a)
}
</script>
六十六、案例-倒计时
六十七、初始bom
六十八、浏览器可视窗口的尺寸
六十九、浏览器的弹出层
confirm询问框
七十、浏览器地址栏
七十一、浏览器的常见事件
onload
当script标签写在head里时用
resize
onscroll 滚动
七十二、浏览器滚动距离
window.onscroll = function(){
console.log(document.documentElement.scrollTop || document.body.scrollTop)
}
if ((document.documentElement.scrollTop || document.body.scrollTop) > 100) {
console.log("显示")
}
七十三、浏览器打开标签页
window.open
七十四、浏览器的历史记录
history.back回退
history.forward 前进
七十五、浏览器本地存储
只能存字符串
a.onclick = function(){
localStorage.setItem("age",18) 存数据
}
a.onclick = function(){
localStorage.getItem("age") 取数据
}
a.onclick = function(){
localStorage.removeItem("age") 删数据
}
a.onclick = function(){
localStorage.clear() 清空数据
}
如果要存对象: