单行注释

//

多行注释
/* 
多行内容
*/
语句特点

必需以分号结尾

变量声明

var 变量名=值

var name = "pyhui"

var age = 18
变量的命名规则

除了python中的外,js的命名中还可以存在$符号

推鄀驼峰命名

控制台输出

console.log(数据)

数据类型
  • 数字类型

1

2.0

整数和浮点数,都是数字类型

  • NaN

不是一个数字

代表Not a Number

  • 字符串类型

“小明”

‘大明’

字符串支持加法拼接

字符串常用方法

javascript-注释-字符串数据类型的方法_python

  • length

javascript-注释-字符串数据类型的方法_html_02

  • trim

移除空白,相当于python的strip

javascript-注释-字符串数据类型的方法_python_03

  • trimLeft, trimRight

javascript-注释-字符串数据类型的方法_数据_04

  • charAt,容器取值
    javascript-注释-字符串数据类型的方法_数据_05
    javascript-注释-字符串数据类型的方法_大小写_06
    javascript-注释-字符串数据类型的方法_数据_07

  • concat

连接

javascript-注释-字符串数据类型的方法_字符串_08
javascript-注释-字符串数据类型的方法_数据_09

  • 查找获取索引 indexOf

  • 切片substring与slice
    javascript-注释-字符串数据类型的方法_html_10
    sub,子
    string,字符串

  • slice 与 substring 的区别
    javascript-注释-字符串数据类型的方法_python_11
    javascript-注释-字符串数据类型的方法_数据_12

  • 变小写

  • 变大写

  • 分割返回全部元素,分割返回指定数量的元素个数

case,情况
lower,小的。 low,低小。形容词+er表示,什么样什么样的人或物
upper,大的
javascript-注释-字符串数据类型的方法_大小写_13
关于大小写的强转后的用法,一般可用于验证码的比对

python例子

javascript-注释-字符串数据类型的方法_html_14

字符串的演练代码
<!DOCTYPE html>
<!--作者:pyhui-->
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="jquery-1.12.4.min.js"></script>
    <script>
        var a = "  hello nihao me";
        split_null = a.split();  // 切割时不给参数,效果就是不切割,返回值为数组包完整的字符串
        console.log(split_null);  // ["  hello nihao me"]
        split_space_null = a.split("");  // 切隔符号是空字符串
        console.log(split_space_null); // 符号一个一个的切开了。 (16) [" ", " ", "h", "e", "l", "l", "o", " ", "n", "i", "h", "a", "o", " ", "m", "e"]
        split_space_one = a.split(" ");  // 按照一个空格来切
        console.log(split_space_one);  //(5) ["", "", "hello", "nihao", "me"]
        splic_n_time = a.split(" ", 3); // 切片后取三个值
        console.log(splic_n_time);  // (3) ["", "", "hello"]
        length_a=a.length;  // 字符串对象的length属性
        console.log(length_a);  // 16
        trim_a=a.trim();  // 去除空白,左右空白
        console.log(trim_a);  // hello nihao me
        // trimLeft, trimRight
        console.log(a.charAt(3));  // 根据索引取成员,取符号的第三号索引值
        console.log(a[3])
        // 字符串.charAt(索引) 的效果与 字符串[索引] 效果一样
        console.log(a.concat("python","at","wh")); // 字符串的拼接 //  hello nihao mepythonatwh
        console.log(a.indexOf("e"));  // 取索引
        console.log(a.toLowerCase());  // 变小写
        console.log(a.toUpperCase());  // 变大写
        console.log(a.slice(0,4));  // '  he'
        console.log(a.substring(0,4));  // 效果同上
        console.log(a.slice(4,-1));  // 'llo nihao m'
        console.log(a.substring(4,-1));  // '  he'
        
    </script>
</head>

<body>

</body>
</html>
注意

字符串的slice与substring的特点需注意一下

substring(起点索引,终点索引)

如果起点索引值,大于终点索引值,那么,二者互换位置

s.substring(5,-2) ------> s.substring(-2,5)

如果索引的值小于0或者,非数字,那么会被替代为0

s.substring(-2,5) ----> s.substring(0,5) —效果相同–> s.slice(0,5)