JavaScript-入门第二周学习笔记4+笔记5

目录

一、二维数组

1、创建

2、访问

3、特殊

4、遍历二位数组

二、string的概念

1、和数组相同的地方

2、和数组也有很多不同的地方

3、引用/对象类型：11个

4、包装类型

三、String的API

1、转义字符：\

2、大小写转换        

3、获取字符串中指定位置的字符

4、获取字符串中指定位置的字符的ASCII码

5、检查字符串：检查索引 （获取关键字的下标）

6.截取字符串

7.拼接字符串

8.替换字符串：

9.切割/分割字符串

扩展：

1.JS创建空元素

2.为此空标签添加必要的属性或事件

3.渲染倒DOM数上：

---

一、二维数组

数组的元素中又引用着另一个数组。

1、创建

			var arr=[
				["张三丰",128,5500],
				["张翠山",38,4500],
				["张无忌",18,12000]
			];

2、访问

arr[行下标][列下标]；

3、特殊

         列下标越界，返回undefined
         行下标越界，报错，因为undefined不能使用[ ]

4、遍历二位数组

必然两层循环，外层循环控制行，内层循环控制列。

			for(var r=0;r<arr.length;r++){
				for(var c=0;c<arr[r].length;c++){
					console.log(arr[r][c])
				}
			}

二、string的概念

多个字符组成的只读字符数组，字符串的API都不会修改原字符串，只会返回新的。

1、和数组相同的地方

①字符串中的个数

str.length;

②获取字符串中某个字符

str[i]; 

③遍历字符串

④所有数组不修改原数组的API，字符串也可以使用（concat、slice）

2、和数组也有很多不同的地方

         所有数组不修改原数组的API，字符串都不可以使用，比如排序只有数组才能使用，但字符串也有很多属于自己的API。

3、引用/对象类型：11个

String Number Boolean -> 包装类型
Array  Function  Date(日期)  Math(数学)  RegExp(正则：验证)
Error(错误)
Object(面向对象开发方式)
Global（全局对象） - 在浏览器中被window全局对象(保存全局变量和全局函数)代替了，只不过window可以省略不写

4、包装类型

        专门将原始类型的值封装为一个引用类型的对象。

       为什么：原始类型的值原本是没有任何属性和方法，意味着原始类型本身是不支持.操作。
                       但是前辈们发现字符串经常会被我们程序员所操作，
                       为了方便我们程序员为这三个人提供了包装类型（提供属性和方法）。
       何时使用：只要试图用原始类型的变量调用属性或者方法时，自动包装。
       何时释放：方法调用完毕后，自动释放包装类型，并且返回数据（又变回了原始类型）。

       Tip：null和undefined不能使用. 因为它们没有包装类型。

三、String的API

        只有字符串可以使用的函数，无需创建，程序员可以直接使用。

1、转义字符：\

        作用：

                ①将字符串中和程序冲突的字符转为原文 "\""    '\''

                ②包含特殊功能的符号

                换行：\n
                制表符：\t  ->  大空格tab

                ③ 输出unicode编码的字符

        \uXXXX：第一个汉字：\u4e00        ascii：19968
                        最后一个汉字：\u9fa5      ascii：40869

2、大小写转换        

        将字符串中的每个英文字母统一的转为大写 或 小写。

        何时：只要程序不区分大小写，就要【先统一】转为大写 或 小写，再比较（验证码）
        方法：

            大写：var upper=str.toUpperCase();
            小写：var lower=str.toLowerCase();

3、获取字符串中指定位置的字符

var newStr = str.charAt(i);    //str[i]

4、获取字符串中指定位置的字符的ASCII码

var ascii = str.charCodeAt(i);

//根据ascii码转为原文

var 原文= Sting.fromCharCode (ascii);

5、检查字符串：检查索引 （获取关键字的下标）

        var i =str.indexOf ("关键字",starti);

        从starti位置开始，查找右侧第一个关键字的位置

        starti可以省略，默认从0位置开始查找

        返回值：找到：返回的是第一个关键字的第一个字符的下标

                       没找到：返回-1，我们不关心下标的多少，只关心为不为-1

        作用：判断有没有

        强调：数组也能用此方法，后期才添加上的

        笔试题：默认只能获取到第一个关键字的下标，如何才能获取所有关键字的下标？

                var str="no zuo no die no can no bibi";

                var index=-1;

                while((index=str.indexOf("no",index+1))!=-1);

                        console.log(index)

6.截取字符串

        var SubStr=Str.Slice(starti,endi+1);

        //和数组用法一样，支持负数参数，-n代表倒数第n个

                         =Str.substring(starti,endi+1);

         //用法几乎和Slice相同，不支持负数参数

                          =Str.substr(starti,n)

          //n代表截取的个数，不必考虑含头不含尾，支持负数参数

7.拼接字符串

        var newStr =str.concat(star1,...)

        //还不如+运算

8.替换字符串：

        var newStr =str.replace("关键字"/正则，"新内容");

9.切割/分割字符串

        作用：将字符串转为数组

        var arr =str.splir("自定义切割符")

扩展：

1.JS创建空元素

        var elem =document.createElemet("标签名")

2.为此空标签添加必要的属性或事件

        elem.innerHTML="内容"

        elem.属性名="属性值"

        elem.or事件名=function(){}

3.渲染倒DOM数上：

        父.appendChild(新元素)