初学JavaScript，整理整理笔记（一）

最新推荐文章于 2022-10-06 01:06:03 发布

studyhahaha2017

最新推荐文章于 2022-10-06 01:06:03 发布

阅读量258

点赞数 3

分类专栏： JavaScript 文章标签： JavaScript 数组字符串

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一.了解JavaScript的几种输出方式

1、alert("要输出的内容");

在浏览器中弹出一个对话框,然后把要输出的内容展示出来

2、document.write("要输出的内容");

直接在浏览器页面中展示输出的内容

3、console.log("要输出的内容");

在浏览器控制台输出要输出的内容

4、value ->给文本框(表单元素)赋值内容

获取文本框中(表单元素)的内容

document.getElementById("search").value = "要给#search这个文本框添加的内容";

5、innerHTML ->给除了表单元素的标签赋值内容

document.getElementById("div1").innerHTML = "赋值内容";
document.getElementById("div1").innerText = "赋值内容";

二.JavaScript变量的命名规则

1、变量名区分大小写，允许包含字母、数字、美元符号($)和下划线；

2、不能使用JavaScript关键词、保留字全名；

3、不能以数字开头，不允许包含空格和其他标点符号；

三.JavaScript关于字符串的几种简单方法（以后继续补充）

1、charAt（）方法

charAt（index）; 返回字符串中下表为index的字符

index 必须要有，表示字符串中某个位置的数字，即字符在字符串中的下标

2、String.fromCharCode（）方法

String.fromCharCode(num1,num2,num3....) 可接受一个指定的 Unicode 值，然后返回一个字符串或字符。

num必须要有，一个或多个 Unicode 值，即要创建的字符串中的字符的 Unicode 编码。该方法是 String 的静态方法，字符串中的每个字符都由单独的数字 Unicode 编码指定。

3、charCodeAt（）方法

string.charCodeAt(index)可以返回string数组中下标为index字符的Unicode 编码。

index需要有，表示字符串中某个位置的数字，即字符在字符串中的下标。

4、indexOf（）方法

string.indexOf("检索内容"，start)返回string中"检索内容"首次出现的位置，如果没有找到匹配的字符串则返回 -1。

“检索内容”必须要有，规定需检索的字符串值。

start为可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string.length - 1。如省略该参数，则将从字符串的首字符开始检索。

5、lastIndexOf（）方法

与indexOf（）方法类似，只不过indexOf（）是从前往后检索，二lastIndexOf（）方法是从后往前检索。

6、substring（）方法

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

substring() 方法返回的子串包括开始处的字符，但不包括结束处的字符。

7、slice（）方法

string.slice(index,end)方法可以返回string中字符下标从index到end中间的所有字符。

index必须要有，表示要抽取的片断的起始下标，第一个字符位置为 0。

end可以有可以没有，表示要抽取片段的末端下标。若没有此参数，则要提取的子串包括index 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

8、toUpperCase（）方法

string.toUpperCase()方法表示吧字符串转化为大写。

9、toLowerCase（）方法

string.toLowerCase()方法表示吧字符串转化为小写。与toUpperCase（）方法相对应。

10、split（）方法

string.split(“分割内容”,num)方法可以吧一个字符串在分割内容处分割成字符串数组。

分割内容可选，字符串或正则表达式，从该参数指定的地方分割 string。

num可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

注意：1、如果把空字符串 ("") 用作分割内容，那么 string中的每个字符之间都会被分割。

2、split() 方法不改变原始字符串。

四.JavaScript关于数组的几种简单方法（以后继续补充）

1、concat（）方法

concat（）方法用来连接两个或多个数组，该方法不会改变现有数组。

使用方法：array1.concat(array2，array3.....);将array2,array3等数组拼接在array1后面，实现两个或多个数组的拼接。

array2，array3..必须要有，该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值：返回一个新的数组。该数组是通过把所有 array2 参数添加到 array1中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

2、join（）方法

array.join("分隔符") 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

分隔符可选，指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

3、reverse（）方法

array.reverse()方法用于颠倒数组中元素的顺序。该方法会改变原来的数组，而不会创建新的数组。

4、pop（）方法

array.pop() 方法用于删除并返回数组的最后一个元素。该方法会改变原来的数组。

5、shift（）方法

array.shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。该方法会改变原来的数组。

6、push（）方法

array.push("a","b","c") 方法可向数组的末尾添加一个或多个元素，并返回新的长度。该方法会改变原来的数组。

a 必须要有，要添加到数组的第一个元素。

b,c 可选,可添加多个元素。

7、unshift（）方法

array.unshift("a","b") 方法可向数组的开头添加一个或更多元素，并返回新的长度。该方法会改变原来的数组。与piush方法类似。

a 必须要有，要添加到数组的第一个元素。

b 可选,可添加多个元素。

8、splice（）方法

array.splice(index,howmany,"添加内容") 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原始数组。

index 必须要有，整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany 可选，要删除的项目数量。如果设置为 0，则不会删除项目。如果没有，则从index位开始，将后面的元素全部删除。

添加内容可选，要添加的元素，可以添加多个元素。如果没有，则不添加。

9、indexOf（）方法

array.indexOf（数组元素）方法返回数组元素的位置索引值。该方法不会改变原始数组。

数组元素必须要有，如果没有，则方法返回-1.

10、sort（）方法

array.sort() 方法用于对数组的元素进行排序。使用该方法规定排序顺序，须使用函数。

说明：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值

如果要对数组中的数字元素进行排序，就需要使用一个排序函数。

例如：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript">
           var a=[1,2,23,5,4];
           function sortNumber(a,b){
               return a-b;
           }
           document.write(a+"<br/>");
           document.write(a.sort(sortNumber));
           alert(a);
       </script>
   </head>
   <body>
   </body>
</html>