js--模版字符串，字符串严格模式，数学对象方法,进制转化等部分案例分享

本文链接：https://blog.csdn.net/qq_63322025/article/details/126492500

模版字符串：

1. 模板字符串

var str = 'hello'

var str = "hello"

var str = `hello` 模板字符串

模板语法 `${变量}`

${简单运算}

2. 作用

2.1字符串拼接

 //2.1字符串拼接
            function test2(){
                var a = 10
                var b = 20
                var c = a + '+' + b + ' = '+ (a+b)
                console.log(c)
            }
            // test2()
            function test3(){
                var a = 10
                var b = 20
                var c = `${a}+${b}=${a+b}`
                console.log(c)
            }

2.2换行不用连接符


            function test4(){
                var str = '<div>'+
                            '<h2>模板字符串</h2>'+
                            '<p>1.作用</p>'+
                           '</div>'
                document.write(str)
            }
            // test4()
            function test5(){
                var title = '模板字符串'
                var str = `<div>
                             <h2>${title}</h2>
                             <p>1.作用</p>
                             <p>拼接字符串，换行不用连接符</p>
                           </div>`
                document.write(str)
            }

例：字符串模版，如何用js现实表格

使用forEach:

<style>
    table{
        margin:0 auto;
        width: 600px;

    }
</style>
<body>

    <script>
          var students = [
            { number: 1001, name: 'jack', score: 98, gender: '男' },
            { number: 1002, name: 'rose', score: 95, gender: '女' },
            { number: 1003, name: '小丽', score: 85, gender: '女' },
        ]
        var trstr=''
        students.forEach(function(item,index){
            trstr=trstr+ `<tr>
                              <td>${item.number}</td>
                              <td>${item.name}</td>
                              <td>${item.score}</td>
                              <td>${item.gender}</td>
                </tr>`
        })
        var str=`<table>`+trstr+`</table>`
        document.write(str)
    </script>

用map和join现实表格

  

           
        var trArr=students.map(function(item,index){
            return `<tr>
                              <td>${item.number}</td>
                              <td>${item.name}</td>
                              <td>${item.score}</td>
                              <td>${item.gender}</td>
                </tr>`
        })
        var trstr=trArr.join('')
        var str=`<table> ${trstr} </table>`
        document.write(str)

字符串的严格模式：

变量不声明也能使用，形参函数可以重复，后面的会把前面的覆盖掉，输出m都为200！

        // var num   定义变量
     num=100  //使用变量， 给变量赋值
        console.log('num:',)



        function fun(m,m){
             console.log('m:',m,'m:',m)
        }
        fun(100,200)

开启严格模式，这些问题都会报错，在代码最前面加上‘use strict’

<script>
        'use strict'  //开户严格模式
        // var num   定义变量
        num=100  //使用变量， 给变量赋值
        console.log('num:',)

        function fun(m,m){
             console.log('m:',m,'m:',m)
        }
        fun(100,200)
    </script>

ASCII码：（ASCII码，BGK，unicode编码）

1. 编写一个方法，求一个字符串的字节长度。一个英文字符占用一个字节，一个中文字符占用两个字节


// 提示:中文字符unicode编码大于255
          function getBytes(str){
            var count=0
            var str='jt编程实现学生表格显示'
            for(var i=0;i<str.length;i++){
                if(str.charCodeAt(i)>255){
                        count+=2
                }
                else{
                    count+=1
                }
            }
            console.log('长度',count)
          }
         var s= getBytes()

2.输出字符串中每个字符出现的次数

	function getCountString() {
				var str = 'abcdefabcadefkmmkggcc'
				var obj = {} //存储各个字符出现次数
				// 循环遍历字符串
				for (var i = 0; i < str.length; i++) {
					var chars = str.charAt(i) // a
					// 判断obj对象中是否已经有该字符
					// 当对象属性是变量时，通守中括号访问
					if (obj[chars]) {
						obj[chars]++
					} else {
						obj[chars] = 1
					}
				}
                // 遍历对象for-in
                for(var key in obj){
                    console.log('key: ',key +  '  value : ',obj[key])
                }
			}
            getCountString()

数学对象方法：

数学方法：

1.random()语法：Math.random()

作用：获取0~1之间的随机小数，包含0，但不包含1

var res=Math.random()
consele,log(res)

2.round()语法：Math.round()

作用：对数字进行四舍五入

返回值：四舍五入后的整数

var res=Math.round(10.4)
console.log(res)

3.ceil()语法：Math.ceil()作用：对数字进行向上取整，只要有小数就会往上取整，例如10.1也会转为11。

返回值：向上取整后的整数

4.floor()语法：Math.floor（)作用：对数字进行向下取整，10.1或者10.9都会向下取值为10.

返回值：向下取整后的整数

5.pow()语法：Math.pow作用：对数字进行取幂运算

返回值：取幂后的结果

6.sqrt()语法：Math.sqrt(数字)作用：对数字进行二次方根运算

返回值：二次方根的结果

7.abs()语法：Math.abs(数字)作用：对数字进行绝对值运算

返回值：绝对值的结果

var num=-10
var num1=Math.abs(num)
console.log('num1',num1)

8.max()语法：Math.max(数字1，数字2，数字3，数字4，)作用：取若干数字的最大值

返回值：若干数字的最大值

9.min()语法：Math.min(数字1，数字2，数字3，数字4，)作用：取若干数字的最小值

返回值：若干数字的最小值

10.max()语法：Math.Pi作用：得到一个近似π的值

练习一：生成指定范围随机数 m~n之间的随机数


         function getRandom(m,n){
            var n=Math.max(m,n)
            var m=Math.min(m,n)
            return Math.floor(Math.random()*(n-m)+m)
         }
         var r =getRandom(10,30)
         document.write(r)

练习二：生成10000个随机数0~10，统计每个随机数出现次数

   var obj={}
        for(var i=0;i<10000;i++){
            var r=Math.floor(Math.random()*10)
            if(obj[r]){
                obj[r]++
            }else{
                obj[r]=1
            }
        }
        console.log(obj)

进制转换：（计算机实现）

1.toString方法可以在数字转成字符串的时候给出一个进制数

语法：toString(你要转换的进制)

var num=100
console.log(num.toString(2))
console.log(num.toString(8))
console.log(num.toString(16))

2.parseInt()方法可以在字符串转成数字的时候把字符串当成多少进制转成十进制

语法：parseInt（要转换的字符串，当作几进制来转换）

今天的分享到此结束了，若有错误请指正！