JavaScript 各种方法

2021-08-17

各种方法

想起多少我写多少

javaScript toStinr()方法

toString() 方法可把一个值转换为字符串，并返回结果。
括号内可以携带参数，写个 16 就是以 16 进制返回,不过前提似乎是要转换的值必须是 number 型的。
示例一：

1 2	var boolean = new Boolean(true); //true不要写True document.write(boolean.toString()); //不要拼错大写S

数组也行，别的类型没试过，不过盲猜可以。
返回值：true
注：该 true 为字符型
别和 java 搞混了嗷！

javaScript splice()方法

事先声明 splice()方法与 slice()方法不同不要搞混了！
splice() 方法向/从数组中添加/删除项目。
人话：该方法可以添加 or 替换 or 删除数组里的元素。
该方法会改变原本的数组数据。

使用方法 arrayObject.splice(“index”,”howmany”,”item1,…..,itemX”)
index(必填。位置初始值);
howmany(必填。删除要素个数,填 0 不删除);
item1(可选，添加值可以是多个，你也可以不填，然后只删除元素啥的)。

示例一：

var arr = new Array();
arr[0] = "a";
arr[1] = "c"; // var arr=["a","c","d"];  ←为啥不试试这个？
arr[2] = "d";
arr.splice(1, 0, "b");
document.write(arr);

返回值：a,b,c,d
上面实现了数组内任意位置的元素插入。

示例二：

var arr = new Array();
arr[0] = "a";
arr[1] = "b";
arr[2] = "b";
arr[3] = "d";
arr.splice(2, 1, "c");
document.write(arr);

返回值：a,b,c,d
上面实现了数组内元素的替换。

示例三：

var arr = new Array();
arr[0] = "a";
arr[1] = "a";
arr[2] = "e";
arr.splice(1, 1, "b", "c", "d");
document.write(arr);

返回值: a,b,c,d,e
不多讲，一目了然。

javaScript slice()方法

slice(start,end)方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
start:必填，指定提取的初始位置。
end：选填，指定提取的末尾位置，不填的话会一直提取到末尾。
人话：该方法可提取字符串任意位置到任意位置的字符并返回，没错他可以返回。

示例一：

1 2	var a = "abcde"; document.write(a.slice(1));

返回值: bcde
提取到末尾

示例二：

1 2	var a = "abcde"; document.write(a.slice(-1));

返回值: e
-1 指倒数最后一个，同理-2 指倒数第二个

javaScript split()方法

将字符串以数组的形式返回。
括号里是以什么形式分割。

var str = "a,o,e,i,u,y";
var arr = new Array();
arr = str.split(","); //以逗号形式分割
arr.forEach((x) => {
  document.write(x + "、"); //题外话：continue可以跳过当前循环，for可以用。
});

返回值: a、o、e、i、u、y

javaScript join()方法

将数组以字符串形式返回。
括号里是元素与元素之间的间隔符。
括号里啥都不加默认的话会加”,”。

1 2	var arr = new Array("a", "o", "e", "i", "u", "y"); document.write(arr.join("\|"));

返回值:a|o|e|i|u|y

javaScript toFixed()方法

人话：括号里填几保留几位小数里面是遵循四舍五入的,不填是整数。

示例一：

1 2	var a = 2.49; document.write(a.toFixed(1));

返回值: 2.5

示例二：

1 2	var a = 2.49; document.write(a.toFixed());

返回值: 2
填-1 肯定不行，但是填个 1.5 之类的似乎默认只看小数点前面的。

javaScript toExponential()方法

按照科学记数法的方式返回字符型的值。

示例一：

1 2	var a = 10000000000; //100亿 document.write(a.toExponential());

返回值:1e+10
解释：1*10^10，后面+N 就是 10^N。

示例二：

1 2	var a = 10000000000; //100亿 document.write(a.toExponential(1));

javaScript eval() 函数

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
没错，就是直接执行脚本。
语法: eval(string)
string:必填。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。
示例一：

1	eval("x=10;y=20;document.write(x*y)");

返回值:200
示例二：

1	eval("function ssk(){" + "document.write('什么垃圾函数')" + "};ssk()");

返回值:什么垃圾函数
看似好用其实感觉有点 sb，估计用不多。

javaScript prompt() 函数

语法:prompt(text,defaultText)
text 可选。要在对话框中显示的提示信息（纯文本）。
defaultText 可选。默认的输入文本。
也就是 vb 里的 inputbox，没错就那个提示框，
alter 弹出的信息框里可以让你再输入信息。

function play() {
  var user = prompt("请输入账号！");
  var password = prompt("请输入密码！");
  if (user != null && user != "" && password != null && password != "") {
    alert("您的账号为: " + user + "\n您的密码为: " + password);
  }
}
onload = play();

返回值:
您的账号为: ‘user’
您的密码为: ‘password’

javaScript typeof 方法

这居然是个类型嘛？
语法：typeof 变量名|| typeof (表达式)

1	document.write(typeof "abc");

返回值: string

querySelector()

<script>
    var myButton = document.querySelector('html');//可以随便改其他标签
    myButton.onclick = function () {
        alert('hello');
    }
</script>

querySelectorAll()

querySelectorAll() 方法可以拿对应标签的全部元素。

replace() 方法

1
2
3

var str = "I like you like";
console.log(str.replace(/like/g, "讨厌"));
console.log(str);

首先，/xxx/g 这个 g 是全局替换的意思；
其次，使用”、’也可以运行但是不能”like”g。
所以为了规范还是使用/好了；
再其次，这个 replace 是临时改变值，不是永久改变，别被坑了。

sort() 方法

此方法可以将数组排序

1 2	var arr = [1, 3, 5, 2, 4, 6]; alert(arr.sort());

就变成了 1,2,3,4,5,6

charAt()与 charCodeAt() 方法

charAt():获取指定位置的字符。

1 2	var str = "abcd"; document.write(str.charAt(1)); //b

默认括号内不填就是下标 0，返回 a

charCodeAt():获取指定位置处的字符的 ASCLL 码。

1 2	var str = "abcd"; document.write(str.charCodeAt(1)); //98

默认括号内不填就是下标 0，返回 98

indexOf 方法

检索括号内的字符串，返回其位置。

1 2	var str = "abcd"; document.write(str.indexOf("b")); //1

不填返回-1