FED29 从大到小排序
function _sort(array) {
return array.sort(function (a, b) {return b - a;});
}
FED30 大写字符串
function _touppercase(string) {
return string.toUpperCase();
}
FED31 对象属性键名
function _keys(object) {
return Object.keys(object);
}
FED32 对象数字
function _numbertoobject(number) {
return Object(number);
}
FED33 对象字符串
function _stringtoobject(string) {
return Object(string);
}
FED34 去除字符串两端空格
function _trim(string) {
return string.trim();
}
FED35 输出日期
function _date(number) {
let date = new Date(number);
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
}
FED36 数字取整
function _int(value) {
return Math.floor(value);
}
FED37 数组反转
function _reverse(array) {
return array.reverse();
}
FED38 数组转字符串
function _join(array) {
return array.join('');
}
FED39 数组最大值
function _max(array) {
return Math.max(...array);
}
FED40 搜索数字
function _search(string) {
return string.search(/\d/) !== -1;
}
FED41 头部插入元素
function _unshift(array,value) {
array.unshift(value);
return array;
}
FED42 尾部插入元素
function _push(array,value) {
array.push(value);
return array;
}
FED43 js-位置查找
function _indexof(array,value) {
return array.indexOf(value);
}
FED44 向下取整
function _floor(number) {
return Math.floor(number);
}
FED45 整数反转
function _reverse(number) {
let sign = number >= 0 ? 1 : -1;
let ans = 0;
number = Math.abs(number);
while (number > 0) {
ans = 10 * ans + number % 10;
number = Math.floor(number / 10);
}
ans *= sign;
return ans;
}
FED46 字符串搜索
function _search(string,value) {
return string.search(value) >= 0;
}
FED57 移除数组中的元素
function remove(arr, item) {
return arr.filter(value => {return value !== item;});
}
FED58 移除数组中的元素
function removeWithoutCopy(arr, item) {
for (let i = 0; i < arr.length; ) {
arr[i] === item ? arr.splice(i, 1) : i++;
}
return arr;
}
FED59 添加元素
function append(arr, item) {
return arr.concat([item]);
}
FED60 删除数组最后一个元素
function truncate(arr) {
return arr.slice(0, arr.length - 1);
}
FED61 添加元素
function prepend(arr, item) {
return [item].concat(arr);
}
FED62 删除数组第一个元素
function curtail(arr) {
return arr.slice(1, arr.length);
}
FED63 数组合并
function concat(arr1, arr2) {
return arr1.concat(arr2);
}
FED64 添加元素
function insert(arr, item, index) {
return arr.slice(0, index).concat([item]).concat(arr.slice(index, arr.length));
}
FED65 求二次方
function square(arr) {
return arr.map((a) => {return a * a;});
}
FED66 查找元素位置
function findAllOccurrences(arr, target) {
return arr.reduce((ans, elem, idx) => {
if (elem === target) {
ans.push(idx);
}
return ans;
}, []);
}
FED68 正确的使用 parseInt
function parse2Int(num) {
return parseInt(num, 10);
}
FED47 函数——参数对象
function getArguments (a,b,c) {
return arguments;
}
FED48 this指向
var obj = {
a: 1,
b: 2,
fn: function(){
return this.a + this.b;
}
}
FED49 JS动态创建节点
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<ul></ul>
</body>
<script type="text/javascript">
function createLi(array){
let ul = document.getElementsByTagName("ul")[0];
for (let elem of array) {
let li = document.createElement("li");
li.innerText = elem;
ul.appendChild(li);
}
}
</script>
</html>
FED50 根据ID获取元素
function getLI(id){
return document.getElementById(id);
}
FED51 JS修改元素内容
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<div class='box'></div>
</body>
<script type="text/javascript">
function modifyText(){
document.querySelector('div[class="box"]').textContent = '欢迎来到牛客网';
}
</script>
</html>
FED52 阻止冒泡事件
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<ul>
<li>nowcoder</li>
</ul>
</body>
<script type="text/javascript">
document.querySelector("li").addEventListener("click", e => e.stopPropagation());
</script>
</html>
FED53 阻止默认事件
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<form>
<label>牛客会陪伴大家</label>
<input id="checkbox" type="checkbox" checked />
</form>
</body>
<script type="text/javascript">
document.getElementById("checkbox").addEventListener("click", e => e.preventDefault());
</script>
</html>
FED54 url地址
function getUrlHref (){
return location.href;
}
FED55 点击按钮隐藏元素
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type="text/css">
.box {
width: 100px;
height: 100px;
border: solid 1px black;
position: relative;
}
.btn{
width: 20px;
height: 20px;
background-color: red;
position: absolute;
top: -10px;
right: -10px;
text-align: center;
line-height: 20px;
}
</style>
</head>
<body>
<div class='box'>
<div class='btn'>X</div>
</div>
<script type="text/javascript">
var btn = document.querySelector('.btn');
var box = document.querySelector('.box');
btn.onclick = function(){
box.style.display = "none";
}
</script>
</body>
</html>