JavaScript入门2 字符串和数组-CFANZ编程社区

前言：
👏作者简介：我是笑霸final，一名热爱技术的在校学生。
📝个人主页：笑霸final的主页 📕系列专栏：：本文写在java专栏 📧如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步👀
🔥如果感觉博主的文章还不错的话，👍点赞👍 + 👀关注👀 + 🤏收藏🤏

上一章节：javaweb入门4之javascript入门一

字符串和数组

一、字符串

1.字符串我们使用单引号或者双引号包裹
2.注意转义字符 \
3.多行字符串编写
4.字符长度length、
5.字符串下标（在js中字符串不可变）
6.substring();

二、数组

1.数组可以包含任意的数据类型
2.长度(长度可变)
3.通过元素获得下表索引
4.slice() 截取数组的一部分，返回一个新的数组
5.push()、pop()
6.unshift()、shift()
7.sort()升序排序
8.元素反转reverse()
9.多维数组

一、字符串

1.字符串我们使用单引号或者双引号包裹

console.log("a");
console.log('A');

浏览器的控制台输出

JavaScript入门2 字符串和数组_java

2.注意转义字符 \

` 字符串
\n 回车换行
\t 制表符（tab）
\u#### Unicodez字符列如：\u 4e2d 中国的中
ascll字符

3.多行字符串编写

3.1使用模板文字 ES6 引入的一种新方法）：用tab上面的``可以换行写

JavaScript入门2 字符串和数组_数组_02

3.2字符串拼接

var str='我是笑霸final'
        +"大家多多支持";

4.字符长度length、

='Aabbcc';
      console.log(eg.length)
控制台输出
[Web浏览器] "6"  /html学习/js/数据类型和数组.html (11)

5.字符串下标（在js中字符串不可变）

='Aabbcc';
      console.log(eg[0])
      eg[0]='D';
      console.log(eg[0])
控制台输出:
[Web浏览器] "A"  /html学习/js/数据类型和数组.html (11)
[Web浏览器] "A"  /html学习/js/数据类型和数组.html (13)

6.substring();

注意
1.下表还是0开始
2.括号里面是左闭右开

='Aabbcc';
      console.log(eg.substring(0,4));

JavaScript入门2 字符串和数组_javascript_03

二、数组

1.数组可以包含任意的数据类型

=[1,"笑霸final",3];
      console.log(arr);

JavaScript入门2 字符串和数组_java_04

2.长度(长度可变)

=[1,"笑霸final",3];
      console.log("arr原来的长度"+arr.length);
      console.log("arr原来的长度+5"+arr.length+5);
      arr.length=10;
      console.log("设置长度为10后arr"+arr);
      arr.length=1;
      console.log("设置长度为1后arr"+arr);

JavaScript入门2 字符串和数组_html_05

3.通过元素获得下表索引

=[1,"笑霸final",3];
      console.log(arr.indexOf("笑霸final"))
控制台输出：
[Web浏览器] "1"  /html学习/js/数据类型和数组.html (22)

4.slice() 截取数组的一部分，返回一个新的数组

注意:也是左开右闭

=[1,"笑霸final",3];
      var arr2=arr.slice(1,2);
      console.log(arr2);
控制台输出：
[Web浏览器] "笑霸final"  /html学习/js/数据类型和数组.html (23)

5.push()、pop()

//push()在尾部加入一个元素
      var arr=[1,"笑霸final",3];
      arr.push("多多支持笑霸final");
      console.log(arr);
控制台输出：
[Web浏览器] "1,笑霸final,3,多多支持笑霸final"  /html学习/js/数据类型和数组.html (23)
  /***************************************************************/
//pop()弹出尾部一个元素
      var arr=[1,"笑霸final",3];
      arr.pop();
      console.log(arr);  
控制台输出：
[Web浏览器] "1,笑霸final"  /html学习/js/数据类型和数组.html (23)

6.unshift()、shift()

=[1,"笑霸final",3];
      arr.unshift("头部插入");
      console.log(arr);
控制台：
[Web浏览器] "头部插入,1,笑霸final,3"  /html学习/js/数据类型和数组.html (26)

/************************************************/
      var arr=[1,"笑霸final",3];
      arr.shift();//弹出头部一个元素
      console.log(arr);
控制台：
[Web浏览器] "笑霸final,3"  /html学习/js/数据类型和数组.html (26)

7.sort()升序排序

=[6,8,2,5,4,1];
      arr.sort();
      console.log(arr);
控制台：
[Web浏览器] "1,2,4,5,6,8"  /html学习/js/数据类型和数组.html (29)

8.元素反转reverse()

=[6,8,2,5,4,1];
      arr.reverse();
      console.log(arr);
控制台：
[Web浏览器] "1,4,5,2,8,6"  /html学习/js/数据类型和数组.html (29)

9.多维数组

JavaScript 本身不提供多维数组，但是，可以通过定义元素数组来创建多维数组，其中每个元素也是另一个数组，出于这个原因，可以说 JavaScript 多维数组是数组的数组，即嵌套数组。定义多维数组的最简单方法是使用数组字面量表示法。

var arr=[[1,2],[4,3,5]];
      console.log(arr);
      console.log(arr[1][1]);
控制台：
[Web浏览器] "1,2,4,3,5"  /html学习/js/数据类型和数组.html (28)
[Web浏览器] "3"  /html学习/js/数据类型和数组.html (29)