JavaScript学习的第八天

多维数组与字符串

一、多维数组

1、一维数组

var arr=[1,2,3];

2、多维数组
==数组项==还是数组

var arr=[[1,2,3],[4,5],[6,7]]
//访问二维数组
console.log(arr[0][0]);//结果 1
console.log(arr[1][0]);//结果 4
 
//二维数组进行遍历
for(var i=0;i<arr.length;i++){
 
//i=0意为多维数组里第一项
    for(var j=0;j<arr[i].length;j++){
 
    //j=0意为多维数组里第一项里的第一项
        console.log(arr[i][j])//打印
    }
}

3、三维数组

var arr=[ [ [] ] ]

二、字符串

（一）字符串的创建

1、字面量："" 、''、 ``

var str1="hello";
var str2='hello';
var str3=`hello`;
console.log(str1);

2.使用new关键字 构造函数

var str5=new String();
str5="hello China";
var str6=new String("hello Nanjing");
console.log(str6);

区别str1是string、str6是object

（二）字符串的属性

1、length 字符串的长度 空格字符算字符长度

var str="hello China";
console.log(str.length);//11

2、constructor 对创建该对象的函数的应用构造函数

var str="hello China";
console.log(str.constructor);

3、prototype 原型 向对象添加属性和方法

（三）字符串的方法

1、concat() 连接两个或更多字符串，并返回新的字符串。 拼接字符串

var str1="hello";
var str2="world";
var str3=" ";
console.log(str1.concat(str3,str2));//hello world
//使用 + 拼接字符串   外单内双  外双内单
console.log(str1+str3+str2);//hello world
 
var num=10;
var str="10";
console.log(typeof(num+str));//string 
// += :拼接字符串
console.log(str+=" world"); //10 world
 
 // ``  模板字符串 es6
 console.log(`${str1}${str3}${str2}`);//hello world

2、indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。 索引

var str1="hello";
var str2="world";
var str3=" ";
 
console.log(str1.indexOf("l"));//2   第一次出现的索引
console.log(str1.indexOf("a"));//-1  不存在时返回-1

3、lastIndexOf() 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。 最后一次出现的索引

console.log(str1.lastIndexOf("l"));//3

4、slice(start,end) 提取字符串的片断，并在新的字符串中返回被提取的部分。

console.log(str1.slice(0,2));

5、charAt(索引) 返回指定位置的字符

console.log("你好,南京".charAt(2));

6、charCodeAt(索引) 返回在指定的位置的字符的 Unicode 编码。

console.log("一".charCodeAt(0));//19968

7、fromCharCode(unicode编码) 将 Unicode 编码转为字符。

console.log(String.fromCharCode(19971));

8、substr(start,length) 从起始索引号提取字符串中指定数目的字符。

var str6="abcdefg";console.log(str6.substr(0,3));//abc

9、substring(start,end)提取字符串中两个指定的索引号之间的字符。

console.log(str6.substring(0,3));

10、trim() 去除字符串两边的空白

console.log(" 你好 ");
console.log(" 你好 ".trim())
console.log(" 你好 ".trim().length);//2

11、split("匹配的条件")把字符串分割为字符串数组

console.log(str1.split(""));//['h', 'e', 'l', 'l', 'o']

12、toLowerCase() 把字符串转换为小写。

console.log("HELLO China".toLowerCase());

toUpperCase() 把字符串转换为大写。

console.log("HELLO China".toUpperCase());

13、valueOf() 返回某个字符串对象的元始值。

14、toString() 返回一个字符串。

15、search() 查找与正则表达式相匹配的值。

console.log(str1.search(/l/));//2

16、match() 查找找到一个或多个正则表达式的匹配。

console.log(str1.match("l"));//
console.log(str1.match(/l/g));//['l', 'l']

17、replace()在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。

console.log("你好,南京".replace(/你/,"您"))
console.log(str1.replace(/l/g,"A"));

18、replaceAll()在字符串中查找匹配的子串，并替换与正则表达式匹配的所有子串。

console.log(str1.replace("l","A"));
console.log(str1.replaceAll("l","A"));

（四）字符串HTML包装方法

1、anchor() 创建 HTML 锚。

document.write(text.anchor("top"));

2、link() 将字符串显示为链接。

document.write(text.link("#top"))

3、big() 用大号字体显示字符串。

document.write("<p>大号字体："+ text.big() +"</p>");

4、blink() 显示闪动字符串。
5、bold() 使用粗体显示字符串。
6、fixed() 以打字机文本显示字符串。
7、fontcolor() 使用指定的颜色来显示字符串。
8、fontsize() 使用指定的尺寸来显示字符串。
9、italics() 使用斜体显示字符串。
10、small() 使用小字号来显示字符串。
11、strike() 用于显示加删除线的字符串。
12、sub() 把字符串显示为下标。
13、sup() 把字符串显示为上标。

(五)转义字符

转义字符 \ 使用\可以插入特殊符号

document.write('"');
document.write("\"");
document.write('\\');

\t 制表符 \b 退格符 \f 换页 \n 换行符 \r回车

console.log("hello");
console.log("\thello");
console.log("\bhello\bworld");
console.log("hello\nworld");
document.getElementById("text").value="hello\rworld"