JS面试题，一问一答！9.22

目录

一、在 JavaScript 中将字符串转换为数字的 7 种方法

1、使用parseInt()

2、使用parseFloat() 

3、使用 Number()

 4、使用一元运算符 (+)

5、使用 Math.floor()--向下取整

6、乘以数字

 7、双波浪号 (~~) 运算符

二、给数组添加元素的6个方法

1、使用 length 属性追加元素

2、使用 push 方法追加元素

3、使用 unshift 方法在数组的第一项前插入一个元素

4、使用 splice 方法插入一个元素

5、使用 concat 方法合并元素

6、使用 … 扩展运算符合并元素

---

一、在 JavaScript 中将字符串转换为数字的 7 种方法

1、使用parseInt()

1. parseInt()解析一个字符串并返回一个整数。允许空格。仅返回第一个数字。
2. 这种方法虽然有一个限制。如果您解析十进制数，它将四舍五入到最接近的整数值，并将该值转换为string。可能需要使用parseFloat()方法进行转换。

myString = '1293' 
console.log(parseInt(myString)) // expected result: 1293
 
a = 14.22
console.log(parseInt(a)) // expected result: 14

2、使用parseFloat() 

parseFloat()解析一个字符串并返回一个数字，可以返回小数。允许空格。仅返回第一个数字。

parseFloat("10");        // returns 10
parseFloat("10.33");     // returns 10.33
parseFloat("10 20 30");  // returns 10
parseFloat("10 years");  // returns 10
parseFloat("years 10");  // returns NaN

3、使用 Number()

1. Number()可用于将 JavaScript 变量转换为数字。我们可以用它来转换字符串变为数字。
2. 如果该值不能转换为数字，则返回NaN。 

Number("10");          // returns 10
Number(" 10  ");       // returns 10
Number("10.33");       // returns 10.33

 4、使用一元运算符 (+)

 一元加号运算符 (+) 在其操作数之前并计算其操作数，但如果尚未将其转换为数字，则尝试将其转换为数字。

const x = 25;
const y = -25;
console.log(+x); // expected output: 25
console.log(+y); // expected output: -25
console.log(+''); // expected output: 0

5、使用 Math.floor()--向下取整

该Math.floor()函数返回小于或等于给定数字的最大整数。这对于十进制数字可能有点棘手，因为它将最接近的整数的值返回为Number。 

str = '1222'
console.log(Math.floor(str)) // returns 1222
 
a = 12.22
Math.floor(a) // expected result: 12

6、乘以数字

将字符串值乘以1不会改变值，并且默认情况下它会转换为数字。

str = '23344'
console.log(str * 1) // expected result: 23344

 7、双波浪号 (~~) 运算符

str = '1234'
console.log(~~str) // expected result: 1234
negStr = '-234'
console.log(~~negStr) // expected result: -234

 如果您知道更多方法，请在下方评论。

二、给数组添加元素的6个方法

1、使用 length 属性追加元素

使用length属性，可以在数组末尾后面添加一个元素

var arr = [1, 2, 3, 4, 5];
arr[length] = 6;
console.log(arr); // [1, 2, 3, 4, 5, 6];

2、使用 push 方法追加元素

push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度

var arr = [1, 2, 3, 4, 5];
arr.push(6);
console.log(arr); // [1, 2, 3, 4, 5, 6];

3、使用 unshift 方法在数组的第一项前插入一个元素

unshift()方法将一个或多个元素添加到数组的开头，并返回该数组的新长度

var arr = [1, 2, 3, 4, 5];
arr.unshift (6);
console.log(arr); // [6, 1, 2, 3, 4, 5];

4、使用 splice 方法插入一个元素

splice()方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容

var arr = [1, 2, 3, 4, 5];
arr.splice(5, 0, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6];

5、使用 concat 方法合并元素

concat()方法用于将一个数组或值合并至一个数组中，该方法不会改变原数组

var arr = [1, 2, 3, 4, 5];
var newArr = arr.concat(6);
console.log(newArr); // [1, 2, 3, 4, 5, 6];

6、使用 … 扩展运算符合并元素

展开语法...可以在数组构造时, 将数组表达式在语法层面展开

var arr = [1, 2, 3, 4, 5];
arr = [...arr, 6];
console.log(arr); // [1, 2, 3, 4, 5, 6];