JS中常用的输出方式(五种)

一、JS中常用的输出方式(五种)

1、在JavaScript中，有多种方法可以实现内容的输出。首先，如果你想在浏览器中即时显示一个消息，可以使用`alert`函数，例如：`alert("要输出的内容");`。这个方法会弹出一个对话框，将字符串形式的内容展示给用户。

2、另一种输出方式是直接在页面中展示，`document.write("要输出的内容");`可以实现这一点，内容会立即插入到文档的当前光标位置。

3、对于开发者常用的控制台输出，`console.log("要输出的内容");`是一个很好的选择，它会将内容记录在浏览器的开发者工具控制台，便于调试和查看。

4、如果你需要给表单元素如文本框设置或获取值，可以使用`value`属性。例如，`document.getElementById("search").value="要给#search这个文本框添加的内容";`，这样就给指定的文本框设置了新的值。

5、最后，如果你需要给HTML元素（非表单元素）如`div`标签赋值，可以使用`innerHTML`或`innerText`属性。如`document.getElementById("div1").innerHTML="吧啦吧啦吧啦吧啦";`和`document.getElementById("div1").innerText="吧啦吧啦吧啦吧啦";`，它们分别用于设置元素的HTML内容和纯文本内容。

6、以上就是JavaScript中常用的五种输出方式，每种都有其特定的使用场景，帮助开发者实现不同的功能。

二、js强制数据类型转换

几种常见的js数据类型转变

js中的数据类型可以分为五种：number、string、boolean、underfine、null。

js中的数据类型可以分为五种：number、string、boolean、underfine、null。

对象转字符串---如果有toString()方法就用toString()，没有toString(),用valueOf()。

也就是js提供的函数parseInt(),parseFloat(),Number(),Boolean()进行数据转换。

强制转为整数：parseInt；写法：x=parseInt(x);

强制转换位小为：parseFloat；写法：x=parseFloat(x);

javascript主要有以下三种数据类型转换方式：

转换函数：parseInt()和parseFloat()分别将值转换成整数和浮点数。

强制类型转换：Boolean(value)、Number(value)、String(value)将给定的值分别转换成逻辑值、数字（整数或浮点数）及字符串。

弱类型自动转换：字符串与数字进行数学操作符运算时，字符串会自动转为数字。

实例演示：将文本框的值转化成数值型

var?a?=?document.getElementById("num1").value;

var?b?=?document.getElementById("num2").value;

var?c1?=?parseFloat(a)?+?parseFloat(b);???//??函数转换

var?c2?=?Number(a)?+?Number(b);??//??强制类型转换

var?c3?=?a*1?+?b*1;???//?a*1将自动转化为数字类型

再学JS--数据类型转换之显式转换

在JavaScript中，只有6种值可以被转换为false，其他都会被转换为true

在JavaScript中，只有6种值可以被转换为false，其他都会被转换为true

可以通过Number函数将类型转换成数字类型，如果不传参数的话，返回+0；如果参数无法被转换为数字，则返回NaN

如果通过Number转换函数传入一个字符串，它会试图将其转换成一个整数或浮点数，而且会忽略所有前导0，如果有一个字符不是数字，结果都会返回NaN。

parseInt只解析整数，parseFloat则可以解析整数和浮点数，如果字符串前缀是0x或0X，parseInt将其解释为十六进制数，parseInt和parseFloat都会跳过任意数量的前导空格，尽可能解析更多数值字符，并忽略后面的内容。如果第一个非空字符是非法的数字直接量，将最终返回NaN

使用String函数将类型转换成字符串类型，如果String不传参数，返回空字符串。

原始值到对象的转换非常简单，原始值通过调用String()、Number()或者Boolean()构造函数,转换为它们各自的包装对象。

null和undefined属于例外，当将它们用在期望是一个对象的地方都会造成一个类型错误，而不是执行正常的转换。

所有对象（包含数组和函数）都会被转换为true

JavaScript有两个不同的方法来执行转换，toString和valueOf

所有对象除了null和undefined之外的任何值都具有toString方法，通常情况下，它和使用String方法返回的结果是一致的。

然而JavaScript下的很多类根据各自的特点，定了更多版本的toString方法，例如：

另一个转换对象的函数时valueOf，表示对象的原始值。默认的valueOf方法返回这个对象本身，数组、函数、正则简单的继承了这个方法，也会返回对象本身。日期是一个例外，它会返回它的一个内容表示：1970年1月1日以来的毫秒数

js转换分为2种，一是隐式转换，比如+为转换为字符串拼接，true数学运算中等于1，

二是强制转换，比如转换为数字Number（），tostring（）等方法，直接转换

将float类型转化为int类型有两种方法：

1、在计算时，可以使用向上取整Math.ceil(50/4)，或者向下取整math.floor(50/4)，或者四舍五入Math.round(50/4)

2、直接使用强制转化为整数的方法parseInt,parseInt(50/4)

1）parseInt?函数将其第一个参数转换为字符串，解析它，并返回一个整数或NaN。如果不是NaN，返回的值将是作为指定基数（基数）中的数字的第一个参数的整数。

2）parseInt有两个参数，第一个是需要转化的内容，第二个是需要转化的进制数，默认为十进制。也可以转化为八进制、十六进制、二进制。如下：

3）parseInt也可以将首部有”数字的字符串“转化为数字，例如:parseInt('12.0swrf')//返回：12

4）另外，还有一个与parseInt用法和作用类似的方法parseFloat(string,radix),parseFloat是将字符串或者数字，强制转化为浮点数类型。

1、javascript是弱语言类型，定义变量时没有区分字符串，整数，浮点数。但是它很灵活，可以进行不同类型的转换。

2、javascript基本数据类型有以下几种：Number,String,Boolean,Undefined,Null,Symbol，可以根据Number,String,Boolean,Symbol这几种类型内置对象，将变量强制转换为对应的类型。如下：

MDN技术文档-js的数据类型和数据结构

shift()：删除数组中第一个元素，并将长度减1，下面举例：

vararr=['王思聪','孙一宁','刘强东','奶茶','签字哥','都美竹']

console.log(res)?//打印出来返回值是被删除的数组元素

?pop():删除数组中最后一个元素，并将长度减1,下面举例：

vararr=['王思聪','孙一宁','刘强东','奶茶','签字哥','都美竹']

console.log(res)//打印出来返回值是删除的数组元素

unshift():往数组前面添加一个或多个数组元素，长度要改变，下面举例：

??console.log(arr)//?返回值是增加后数组的长度

push():往数组结尾添加一个或多个数组元素，长度要改变

varres=arr.push('随便','哈哈')

为了更好的代入，下面我们来看一个综合的列子：

要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组

??????//把这些数据添加到新的数组

????console.log(newArr)?//最后输出查看结果

concat():方法用于连接两个或多个数组,不改变原数组。返回一个新的数组

vararrName1=['签字哥','李某迪','波哥','王思聪']

vararrName2=['马云','马化腾','王健林','卢本伟']

varnewData=arrName1.concat(arrName2)

reverse()?逆向排序,原数组也被逆向排序了（倒置）

toString()?将数组转成字符串，推荐使用

String它是强制数据类型转换的方法，它不属于数组这个对象

join(“拼接符”)将数组转成字符串，中间以拼接符连接

?slice(start,end):?不修改原数组,将原数组中的指定区域数据提取出来。start开始end结束。

??????如果参数是负值表示从倒数开始。不含结束位置

??????????????????0????1????2(不包含结束位置)

?vararrName=['签字哥','李某迪','波哥','王思聪']

??????删除：用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）

??????插入：向数组指定位置插入任意项元素。三个参数，第一个参数（开始位置），第二个参数（0），第三个参数（插入的项）

??????注意点：第二个参数（0）为0不会删除任何项

??????替换：向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）

?vararrName=['签字哥','李某迪','波哥','王思聪']

????//varres=arrName.splice(0,3)

????//返回值是被删除的数组元素

????//arrName.splice(0,0,'嘿嘿','哈哈')

????arrName.splice(0,2,'都美竹','hello')

三、js字符串反转(倒序)的几种方式总结

1、在JavaScript中，字符串反转可以采用多种方法。第一种方法是将字符串转换为数组，使用reverse方法反转数组元素，再通过join方法将数组转回字符串。例如，对于字符串"i am good man"，代码如下：

2、let newStr= str.split('').reverse().join("");

3、第二种方法是从字符串尾部开始遍历，逐个提取字符并拼接到新字符串的前面。例如，对于字符串"i am good man"，代码如下：

4、for(let i= 0; i< str.length; i++){

5、?? let s= str.charAt(str.length-i-1);

6、第三种方法是利用call方法使字符串具有数组特性，直接调用reverse和join方法。例如，对于字符串"i am good man"，代码如下：

7、let newStr= Array.prototype.slice.call(str);

8、console.log(newStr.reverse().join(""))

9、编写一个函数，将输入的字符串反转。输入以字符数组形式给出。示例中，输入[h,e,l,l,o]，输出[o,l,l,e,h]。一种简单的解法是直接调用数组的reverse方法。

10、双指针方法适用于字符串反转问题，定义两个指针，一个从字符串头部开始，一个从字符串尾部开始，同时向中间移动并交换元素。代码实现如下：

11、var reverseString= function(s){

12、var reverseString= function(s){

13、 while(++l<--r) [s[l], s[r]]= [s[r], s[l]];

14、以上代码展示了字符串反转的不同方法，希望对学习者有所帮助。