jscript一些应用总结

1、利用title当鼠标悬停时可显示提示信息:

<td class='edit' name='key' id='key title='点击可更改该答案'>

2、鼠标自动变手形:

在script标签中加入下列代码:

注意提前引入jquery.js。

$('.edit').click(function(){

    //一些代码

}).hover(function(){

    $(this).addClass('hover');

    //$(this).select();

},function(){

    $(this).removeClass('hover');

});

然后在style标签中加上鼠标属性:

.hover{cursor:pointer;color:#FF00FF}/*pointer手型*/

3、js 把数组中每个元素的某个字段取出

方法一:map()

let cities =  [
  {city:"北京",bOn:false},
  {city:"上海",bOn:false},
  {city:"重庆",bOn:false},
  {city:"广州",bOn:false},
  {city:"西安",bOn:false}
];
let city = cities.map((item) =>{
  return item.city
});
console.log('city == ',city);

补充:上述方法可压缩成一行

let city = cities.map((item) => item.city);

方法二:foreach()(用for也行)

let cities =  [
  {city:"北京",bOn:false},
  {city:"上海",bOn:false},
  {city:"重庆",bOn:false},
  {city:"广州",bOn:false},
  {city:"西安",bOn:false}
];
let city = [];
cities.forEach((item)=>{
   city.push(item.city);
});
console.log('city == ',city);

4、数组中map、filter、find特点,并举例说明。map、filter和find都是数组的常用方法,它们的特点分别是:

map:对数组的每个元素进行操作,返回一个新的数组。

举例:将数组中的每个元素都加1。

const arr = [1, 2, 3];const newArr = arr.map(item => item + 1);console.log(newArr); // [2, 3, 4]

filter:根据条件过滤数组中的每个元素,返回一个新的数组。

举例:过滤掉数组中的偶数。

const arr = [1, 2, 3, 4, 5];const newArr = arr.filter(item => item % 2 !== 0);console.log(newArr); // [1, 3, 5]

find:查找数组中符合条件的第一个元素,返回该元素。

举例:查找数组中第一个大于3的元素。

const arr = [1, 2, 3, 4, 5];const result = arr.find(item => item > 3);console.log(result); // 4

需要注意的是,如果找不到符合条件的元素,find返回undefined。


技巧