13 字符串
13-1 创建字符串
-
我们创建字符串也分为两种方法 字面量 和 构造函数
-
字面量：
var str = 'hello' -
构造函数创建
var str = new String('hello') -
基本操作
var str1 = "hello"
console.log(str1+" world")
var str2 = new String("hello")
console.log(str2+ " world")
//length 只读
str1.length = 0
console.log(str1)
//索引/下标 只读
console.log(str1[1])
str1[1] = "a"
console.log(str1)
// 遍历
for(var i=0;i<str1.length;i++){
console.log(i,str1[i])
}
var str = str1
str1 = "aaaa"
console.log(str,str1)
- 案例————统计字符出现次数
var str = "abcabcab"
/*a是3个，b是3个，c是2
[a,3,b,3,c,2]
{a:3,b:3,c:2}
*/
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 //undefined null 0都是假
// }else{
// obj[key]++
// }
if(obj[key]){
obj[key]++
}else{
obj[key] = 1
}
}
console.log(obj)
13-2 字符集
ASCII 字符集
- 我们都知道，计算机只能存储
0101010这样的二进制数字 - 那么我们的
a ~ z/A ~ Z/$/@/… 之类的内容也有由二进制数字组成的 - 我们可以简单的理解为，
a ~ z/A ~ Z/$/@/… 之类的内容都有一个自己的编号，然后在计算机存储的时候，是存储的这些编号，我们看的时候，也是通过这些编号在解析成我们要看到的内容给我们看到 - 上面的就是 ASCII 对照表，我们只需要知道他是这么存储的就好
unicode 编码
- 我们看到了，
ASCII只有这128个字符的编码结构 - 但是因为
ASCII出现的比较早，而且是美国发明的，早先时候这些内容就够用了 - 因为存储一些英文的内容，传递一些英文的文章什么的都够用了
- 那么对于这个世界来说肯定是不够用的
- 因为我们的汉字没有办法存储，包括一些其他国家的语言也没有办法存储
- 所以就出现了
unicode编码，也叫（万国码，统一码） unicode对照表就是一个和ASCII一样的对照表，只不过变得很大很大，因为存储的内容特别的多- 而且包含了世界上大部分国家的文字，所以我们的文字和字符现在在存储的时候，都是按照
unicode编码转换成数字进行存储 - 我们的
UTF-8就是一种8 位的 unicode字符集
13-3 字符串的常用方法
- 我们操作字符串，也有一堆的方法来帮助我们操作
- 字符串和数组有一个一样的地方，也是按照索引来排列的
charAt
-
charAt(索引)是找到字符串中指定索引位置的内容返回var str = 'Jack' // 使用 charAt 找到字符串中的某一个内容 var index = str.charAt(2) console.log(index) // c- 因为字符串也是按照索引进行排列的，也是同样从 0 开始
- 所以索引 2 的位置就是
c
-
如果没有对应的索引，那么就会返回 空字符串
var str = 'Jack' // 使用 charAt 找到字符串中的某一个内容 var index = str.charAt(10) console.log(index) // ''- 这个字符串根本没有索引 10 的位置
- 所以就会返回一个空字符串
''
charCodeAt
-
charCodeAt(索引)就是返回对应索引位置的unicode编码var str = 'Jack' // 使用 charAt 找到字符串中的某一个内容 var index = str.charCodeAt(0) console.log(index) // 74- 因为
J在unicode对照表里面存储的是 74，所以就会返回 74
- 因为
indexOf
-
indexOf就是按照字符找到对应的索引var str = 'Jack' // 使用 indexOf 找到对应的索引 var index = str.indexOf('J') console.log(index) // 0- 因为字符
J在字符串Jack中的索引位置是 0 - 所以会返回 0
- 因为字符
substring
-
substring是用来截取字符串使用的 -
语法：
substring(从哪个索引开始，到哪个索引截止)，包含开始索引，不包含结束索引var str = 'hello' // 01234 // 使用 substring 截取字符串 var newStr = str.substring(1, 3) console.log(newStr) // el- 从索引 1 开始，到索引 3 截止，包含前面的索引不包含后面的索引
- 所以返回的是 el
substr
-
substr也是用来截取字符串的 -
语法：
substr(从哪个索引开始，截取多少个)var str = 'hello' // 01234 // 使用 substr 截取字符串 var newStr = str.substr(1, 3) console.log(newStr) // ell- 这个方法和
substring不一样的是，第二个参数是截取多少个 - 从索引 1 开始，截取 3 个，所以得到的是
ell
- 这个方法和
toLowerCase 和 toUpperCase
-
这两个方法分别使用用来给字符串转成 小写字母 和 大写字母 的
var str = hello // 使用 toUpperCase 转换成大写 var upper = str.toUpperCase() console.log(upper) // HELLO // 使用 toLowerCase 转换成小写 var lower = upper.toLowerCase() console.log(lower) // hello
replace 替换，只能替换第一个
//replace 替换 - 正则表达式
var str ="abdwadwa"
var str1 = str.replace("a","*")
console.log(str1)
split 分割，join
//split 分割 join
var str = "a|b|c|d"
console.log(str.split("|"))
indexOf lastIndexOf
var str = "abcda"
console.log(str.indexOf("a",1))
console.log(str.lastIndexOf("a",3))
indexOf lastIndexOf
//indexOf lastIndexOf
var str = "abcda"
console.log(str.indexOf("a",1))
console.log(str.lastIndexOf("a",3))
concat 同"+"一样
//concat 连接字符串 +
var str = "abcd"
// var str1 = str.concat("ef")
var str1 = str+"ef"
console.log(str1) // abcdef
trim 去掉首尾空格
// trim 去掉首尾空格
trimStart() trimLeft()去掉首空格
trimEnd() trimRight()去掉尾空格
// 中间空格不去
var str = " hello world "
console.log("|"+str+"|")
console.log("|"+str.trimRight()+"|")
案例————模糊查询
var arr= ["aaa","abc","bcc","bcd","ddd","ccd"]
// 数组的filter 字符的indexOf
var input = prompt("请输入查询的内容")
var res = arr.filter(function(item){
return item.indexOf(input)>-1
})
console.log(res)
13-4 json字符串
// split
// json字符串==》对象
// {"key":110,"key":"123"} // 格式严格
var str = '{"name":"kerwin","age":100}'
console.log(str)
var obj = JSON.parse(str)
console.log(obj)
//前=》后
var obj1 = {name:"tiechui"}
var str1 = JSON.stringify(obj1)
console.log(obj1,str1)
模板字符串
//es6 - ``
// var myhtml = '<li>11111</li>\
// <li>2222</li>\
// <li>3333</li>'
var myhtml = `<li>11111</li>
<li>2222</li>
<li>3333</li>`
var myname = "kerwin"
var str = `my name is ${myname} ${10+20} ${10>20?'aaa':'bbb'}`
// $ 不加引号"" 都可以支持了
document.write(str)
var arr =["xiaoming","kerwin","tiechui"]
var arr2 = arr.map(function(item){
return `<li>${item}</li>`
})
console.log(arr2)
document.write(arr2.join(""))
14 数字处理————Math
-
Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 数字
-
Number中toFixed的使用
sum.toFixed()是将一个小数 四舍五入 保留几个小数位
// Number toFixed() 返回是字符串
var price = 123.45678 // 123.46
// var price = 123.4 // 123.40
var sum = price.toFixed(2)-0+100
//toFixed返回类型是字符串，要先减0变成数字
console.log(sum.toFixed(2)) // 2是保留2位小数位的意思
- 数学方法Math
14-1 random
-
Math.random()这个方法是用来生成一个0 ~ 1之间的随机数 -
每次执行生成的数字都不一样，但是一定是
0 ~ 1之间的 -
生成的数字包含 0 ，但是不包含 1
var num = Math.random() console.log(num) // 得到一个随机数
14-2 round
-
Math.round()是将一个小数 四舍五入 变成一个整数var num = 10.1 console.log(Math.round(num)) // 10 var num2 = 10.6 console.log(Math.round(num2)) // 11
14-3 abs
-
Math.abs()是返回一个数字的 绝对值var num = -10 console.log(math.abs(num)) // 10
14-4 ceil
-
Math.ceil()是将一个小数 向上取整 得到的整数var num = 10.1 console.log(Math.ceil(num)) // 11 var num2 = 10.9 console.log(Math.ceil(num2)) // 11
14-5 floor
-
Math.floor()是将一个小数 向下取整 的到的整数var num = 10.1 console.log(Math.floor(num)) // 10 var num2 = 10.9 console.log(Math.floor(num2)) // 10
14-6 max
-
Math.max()得到的是你传入的几个数字之中 最大 的那个数字console.log(Math.max(1, 2, 3, 4, 5)) // 5
14-7 min
-
Math.min()得到的是你传入的几个数字之中 最小 的那个数字console.log(Math.min(1, 2, 3, 4, 5)) // 1
14-8 sqrt 平方根
- sqrt是算术平方根，参数为负，输出NaN
//sqrt 平方根 9
console.log(Math.sqrt(8))
14-9 pow 底数，指数
//pow(底数，指数)
console.log(Math.pow(3,3)) //27 3的3次方
14-10 PI
-
Math.PI得到的是π的值，也就是3.1415936...console.log(Math.PI) // 3.141592653589793- 因为计算机的计算精度问题，只能得到小数点后 15 位
- 使用 Math.PI 的时候，是不需要加 () 的
// Number toFixed() 返回是字符串
var price = 123.45678
// var price = 123.4
var sum = price.toFixed(2)-0+100
console.log(sum.toFixed(2))
//Math对象
//random //0-1- 随机整数
console.log(Math.random())
//round四舍五入取整
console.log(Math.round(4.46))
// ceil向上 floor向下
console.log(Math.floor(4.96))
//abs绝对值
console.log(Math.abs(-10.2))
//sqrt 平方根 9
console.log(Math.sqrt(8))
//pow(底数，指数)
console.log(Math.pow(3,3))
//max (多个参数)
console.log(Math.max(10,50,20,34)) // 50
//min (多个参数)
console.log(Math.min(10,50,20,34)) // 10
//PI
console.log(Math.PI)
案例：随机整数
// 0-10 不包含10
var res = Math.floor(Math.random()*10)
console.log(res)
// 0-10 包含10
var res = Math.floor(Math.random()*(10+1))
console.log(res)
// 10-20 不包含20
var res = Math.floor(Math.random()*10)+10
console.log(res)
// 10-20 包含20
var res = Math.floor(Math.random()*(10+1))+10
console.log(res)
//函数 --min-max 不包含
function getRnd1(min,max) {
if(min>max) {
console.error("参数有误")
return
}
return Math.floor(Math.random()*(max-min))+min
}
console.log(getRnd1(200,300))
//函数 --min-max 包含
function getRnd2(min,max) {
if(min>max) {
console.error("参数有误")
return
}
return Math.floor(Math.random()*(max-min+1))+min
}
console.log(getRnd2(10,12))
